/**
 * Geshi CSS file
 */
/**
 * Global geshi styles
 **********************/
a.geshi-plain-text {
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-family: 'Fira Mono', "Bitstream Vera Sans Mono", Courier, monospaced;
    overflow-x: auto;
}
pre,
div.code {
    font-family: 'Fira Mono', "Bitstream Vera Sans Mono", Courier, monospaced;
    margin-bottom: 2rem;
    line-height: 2.2rem;
    font-size: 1.4rem;
    padding: 0;
    background: var(--theme-base0);
    white-space:normal;
    position: relative;
    overflow-x: auto;
}
.comment-content pre,
.comment-content div.code {
    white-space: pre;
    border-left: 0;
    border-right: 0;
    padding:4px;
}
.plain-text {
    border:0;
    margin-top:0;
    padding:0;
    white-space:pre;
    background: var(--theme-base1);
}
pre ol,
div.code ol {
    list-style: decimal;
    list-style-position: outside;
    padding: 0;
    margin: 0;
    width: 100%;
    background: var(--theme-base2);
}
pre ol li,
div.code ol li {
    background: var(--theme-base0);
    margin: 0 0 0 42px;
    padding: 0 0 0 5px;
    color: var(--theme-base3);
    clear: none;
    list-style: decimal;
    white-space:pre;
    line-height: 18px;
    height: 18px;
}
pre ol li div,
div.code ol li div {
    color: var(--theme-base7);
    width: 100%;
}

pre[lang=php] ol div,
pre.php ol div,
div[lang=php] ol div,
div.code.php ol div {
    color: red;
}

/* comments */
.co1,
.coMULTI {
    color: var(--theme-base3);
}
/* methods */
.me1,
.me2 {
    color: var(--theme-purple);
}

/* brackets */
.br0 {
    color: var(--theme-brown);
}

/* strings */
.st0, .st_h {
    color: var(--theme-green);
}

/* keywords */
.kw1,
.kw2 {
    color: var(--theme-purple);
}
.kw3,
.kw4 {
    color: var(--theme-purple);
}

/* numbers */
.nu0,
.nu19 {
    color: var(--theme-orange);
}

/* vars */
.re0 {
    color: var(--theme-cyan);
}
.sy0 {
    color: var(--theme-yellow);
}


/* 
* CSS selectors 
*****************/
/* classnames */
[lang=css] .kw2,
.css .kw2 {
    color: var(--theme-red);
}
.re1 {
    color: var(--theme-blue);
}
/* px values */
[lang=css] .re3,
.css .re3 {
    color: var(--theme-green);
}