@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?68393316');
    src: url('../fonts/fontello.eot?68393316#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?68393316') format('woff2'),         url('../fonts/fontello.woff?68393316') format('woff'), url('../fonts/fontello.ttf?68393316') format('truetype'), url('../fonts/fontello.svg?68393316#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

body {
    background: #272A33;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    display: flex;
    padding: 0;
    margin: 0;
}

#search-box-input {
    display: block;
    margin: auto;
    width: 85%;
    margin-bottom: 1em;
    margin-top: 3em;
    background-color: white;
    height: 2em;
    font-size: 1em;
}

code, pre {
    font-family: monospace, serif;
    font-size: 1em;
    background: #1F2229;
    padding: 0.1em 0.201em;
    border-radius: 0.201em;
    color: #92A2A2;
    margin: 0 .201em;
    padding: 0 .201em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
    word-wrap: break-word;
}

a {
    color: #3BB58A;
    /* transition: all ease 0.238s; */
}

a:hover {
    color: #75E5B8;
}

code em {
    color: #5F91E2;
}

code.copied  em {
    color: chartreuse;
}

table {
    color: white;
}

h1 {
    font-size: 2.5em;
}

@media (min-width: 970px) {
    h1 {
        background: url(../images/reaper_shield.svg) no-repeat right;
        background-size: contain;
        padding-right: 2em;
    }
}

h2 {
    font-size: 2em;
}

#sidebar-wrapper {
    background-color: #1D1F26;
    width: 420px;
    min-width: 420px;
    font-size: 0.9em;
    overflow-y: scroll;
    height: 100vh;
    position: sticky;
    top: 0px;
}

#page-content-wrapper {
    background: #272A33;
    color: white;
    line-height: 1.777;
    /* font-size: 1.15em; */
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    padding: 0 2em;
    min-width: 400px;
}

.sidebar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-brand {
    padding: 0 0.5em;
    color: #FFFFFF;
}

.sidebar-nav .language {
    background-color: rgba(54, 147, 112, 0.2);
}

.search-box {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.displayMenu {
    color: #FFFFFF;
    text-decoration: underline;
    margin-top: 3em;
    margin-left: 1em;
}

.displayMenu div {
    padding: 0.1em 0;
}

.displayMenu label:hover {
    color: chartreuse;
    cursor: pointer;
}

.displayMenu input[type="radio"]:checked + label {
    color: chartreuse;
}

.highlight, .sidebar-nav li mark {
    color: #FFFFFF;
    font-weight: normal;
    background: none;
}

#page-content-wrapper h1, #page-content-wrapper h2, #page-content-wrapper h3 {
    text-transform: uppercase;
}

#versions {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    font-weight: bold;
}

.infos, .notes, #versions li {
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 3px;
}

.infos, .notes, #versions li {
    background-color: #1D1F26;
    color: white;
}

.infos p:first-of-type {
    font-weight: bold;
}

/*.notes {
    background-color: rgb(255, 255, 102);
    color: rgb(51, 51, 51);
}*/

.notes a {
    font-weight: bold;
}

.function_definition {
    padding: 1em 2em 0 2em;
    border-bottom: 3px #4e5466 solid;
    word-break: break-word;
}

.function_definition p {
    margin-top: 1em;
}

.p_func, .l_func, .e_func, .c_func {
    font-weight: bold;
    /* transition: all 0.3s ease; */
}

.l_func code:hover, .e_func code:hover, .p_func code:hover, .c_func code:hover {
    cursor: copy;
    background-color: black;
}

.p_func:before {
    content: "Python: ";
    color: #E2543B;
}

.l_func:before {
    content: "Lua: ";
    color: #F2E426;
}

.e_func:before {
    content: "EEL: ";
    color: #3AD13A;
}

.c_func:before {
    content: "C++: ";
    color: #D33FC7;
}

.copied:after {
    font-family: 'fontello';
    content: "\e800";
    color: chartreuse;
}

.focused {
    background: #1D1F26;
}

.hidden,
.show-only-c .l_doc, .show-only-c .l_func, .show-only-c .lua,
.show-only-c .p_doc, .show-only-c .p_func, .show-only-c .pyth,
.show-only-c .e_doc, .show-only-c .e_func, .show-only-c .eel,

.show-only-lua .e_doc, .show-only-lua .e_func, .show-only-lua .eel,
.show-only-lua .p_doc, .show-only-lua .p_func, .show-only-lua .pyth,
.show-only-lua .c_doc, .show-only-lua .c_func,

.show-only-eel .l_doc, .show-only-eel .l_func, .show-only-eel .lua,
.show-only-eel .p_doc, .show-only-eel .p_func, .show-only-eel .pyth,
.show-only-eel .c_doc, .show-only-eel .c_func,

.show-only-python .l_doc, .show-only-python .l_func, .show-only-python .lua,
.show-only-python .e_doc, .show-only-python .e_func, .show-only-python .eel,
.show-only-python .c_doc, .show-only-python .c_func {
    display: none;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1em;
}

.flex div {
    flex: 1;
    column-gap: 10px;
    min-width: 300px;
}

label:hover {
    cursor: pointer;
}

.infos input {
    display: inline;
    width:auto;
    padding: 0;
    margin: 0 1em 0 0;
}