/*
Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <dan.j.allen@gmail.com>
Website: http://foundation.zurb.com/docs/
Version: 1.0
Date: 2013-04-02
*/

.hljs {
    display: block;
    padding: 2rem 2rem;
    background: #363E46;
    border-color: #363E46;
    border-radius: 30px;
}

.hljs-min {
    padding: 0;
    background: transparent;
    border: none;
    margin: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.hljs-header,
.hljs-decorator,
.hljs-annotation {
    color: #000077;
}

.hljs-horizontal_rule,
.hljs-link_url,
.hljs-emphasis,
.hljs-attr {
    color: #98E286;
    /*color: #E6B7E5;*/
}
.hljs-attribute {
    color: #1E837F;
}

.hljs-attr,
.hljs-attribute {
    font-weight: 600;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-link_label,
.hljs-strong,
.hljs-value,
.hljs-string,
.scss .hljs-value .hljs-string {
    color: #FFA56C;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-blockquote,
.hljs-comment {
    color: #998;
    font-style: italic;
}

.asciidoc .hljs-title,
.hljs-function .hljs-title {
    color: #900;
}

.hljs-class {
    color: #458;
}

.hljs-id,
.hljs-pseudo,
.hljs-constant,
.hljs-hexcolor {
    color: teal;
}

.hljs-variable {
    color: #336699;
}

.hljs-bullet,
.hljs-javadoc {
    color: #997700;
}

.hljs-pi,
.hljs-doctype {
    color: #3344bb;
}

.hljs-code,
.hljs-number {
    color: #4ae1ff;
}

.hljs-important {
    color: #f00;
}

.smartquote,
.hljs-label {
    color: #970;
}

.hljs-preprocessor,
.hljs-pragma {
    color: #579;
}

.hljs-reserved,
.hljs-keyword,
.scss .hljs-value {
    color: #ffffff;
}

.hljs-regexp {
    background-color: #fff0ff;
    color: #880088;
}

.hljs-symbol {
    color: #990073;
}

.hljs-symbol .hljs-string {
    color: #a60;
}

.hljs-tag {
    color: #007700;
}

.hljs-at_rule,
.hljs-at_rule .hljs-keyword {
    color: #1E837F;
}

.hljs-at_rule .hljs-preprocessor {
    color: #808;
}

.scss .hljs-tag,
.scss .hljs-attr {
    color: #E6B7E5;
}

.powershell, .bash, .json, .javascript, .language-bash, .language-javascript, .language-json .hljs-punctuation {
    color: #ffffff;
}

.hljs-_ {
    color: #FFABFD;

}

@media (max-width: 576px) {
    .hljs {
        border-radius: 0px !important;
    }
}