/* PrismJS 1.30.0
https://prismjs.com/download#themes=prism-tomorrow&languages=markup+css+clike+javascript+markup-templating+php+python */
code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}


figure {
    margin: 1em 0;
}

figure img {
    display: block;
    width: 100%;
}

figcaption {
    padding: 5px 10px;
    background: #585858;
    color: white;
    font-size: 0.9em;
	text-align: center;
}

.container-fluid {
    background-color: #111111;

}

aside {
    color: rgb(221, 221, 221);
}

main {
    background-color: #111111;
    color: rgb(221, 221, 221);
    padding-top:50px;
}

h1 {
    color: #7CFF8A;
}

h2 {
    color: #F88199;
    border-bottom: 1px dotted #F88199;
    font-size: 1.6rem;
}

h3 {
    color: #2BFFF5CF;
    font-size: 1.5rem;
}

h4 {
    color: #8A7CFF;
    font-size: 1.4rem;
}

h5 {
    color: #60F38E;
    font-size: 1.3rem;

}

h6 {
    color: #77BAFF;
    font-size: 1.2rem;

}


 code {
    background-color: #FF82E936;
    color: #00FFAA94;
}


.article {
    margin-bottom: 50px;
}

.article-head {
    position: relative;
    min-height: 200px;
}

.banner-image {
    display: block;
    width: 100%;
    height: auto;
    -webkit-mask-image: linear-gradient(to bottom, white, transparent);
    mask-image: linear-gradient(to bottom, white, transparent);
}

.icon {
    display: inline-block !important;
    width: 1.2em;
    height: 1.2em;
    object-fit: contain;
    margin-right: 0.2em;
}

.article-head-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.article-tag {
    background-color:#f881994f;
    padding: 3px;
    border: 1px solid #F88199;
    border-radius: 25px;

}

.byline {
    margin-bottom: 15px;
    margin-top: 20px;
    border-bottom: 2px dotted #7CFF8A;
    padding-bottom: 5px;
}

.dateline {
    margin-right: 20px;
}



/* ========================================
   Sidebar
   ======================================== */

aside {
        background-color: #272727;
        padding-top: 50px;
}

.sidebar {
    position: sticky;
    top: 1rem;

    max-height: calc(100vh - 2rem);
    overflow-y: auto;

    padding: 1rem 0;

    background-color: #272727;

}


/* Sidebar title */

.sidebar-title {
    font-weight: 600;
    font-size: 1.1rem;

    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
}

.sidebar-title a {
    text-decoration: none;
    color: #60F38E;
}


/* Remove default list styling */

.sidebar-tree,
.sidebar-children {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Nested indentation */

.sidebar-children {
    padding-left: 1rem;
}


/* Links and folder buttons */

.sidebar-tree a,
.sidebar-folder-toggle {
    display: flex;
    align-items: center;

    width: 100%;

    padding: 0.35rem 0.75rem;

    border: 0;
    background: transparent;

    color: inherit;
    text-decoration: none;

    text-align: left;

    border-radius: 0.375rem;

    cursor: pointer;
}


/* Hover */

.sidebar-tree a:hover,
.sidebar-folder-toggle:hover {
    background-color: rgba(0, 0, 0, 0.06);
}


/* Chevron */

.sidebar-chevron {
    display: inline-block;

    width: 1rem;
    margin-right: 0.25rem;

    font-size: 0.65rem;

    transition: transform 0.15s ease;
}


/* Folder that's open */

.sidebar-folder.open > .sidebar-folder-toggle .sidebar-chevron {
    transform: rotate(90deg);
}


/* Children are hidden by default */

.sidebar-folder > .sidebar-children {
    display: none;
}


/* Children are visible when folder is open */

.sidebar-folder.open > .sidebar-children {
    display: block;
}


/* Current page */

.sidebar-tree a.active {
    font-weight: 600;
    background-color: rgba(13, 110, 253, 0.1);
    color: var(--bs-primary);
}


.mobile-navbar {
    display: none;
}


/* ========================================
   Mobile
   ======================================== */

@media (max-width: 991.98px) {

    /* Mobile navbar */

    .mobile-navbar {
        display: flex;

        align-items: center;

        height: 3.5rem;

        padding: 0 1rem;

        /* background: var(--bs-body-bg); */
        background-color: #272727;

        border-bottom: 1px solid var(--bs-border-color);

        position: relative;
        z-index: 1050;
    }


    .mobile-navbar-title {
        margin-left: 0.75rem;
        color: rgb(221, 221, 221);
        font-weight: 600;
    }


    /* Hamburger */

    .sidebar-menu-button {
        display: flex;

        align-items: center;
        justify-content: center;

        width: 2.5rem;
        height: 2.5rem;

        border: 1px solid white;
        border-radius: 0.375rem;

        background: transparent;
        color: rgb(221, 221, 221);

        font-size: 1.4rem;
        line-height: 1;

        cursor: pointer;
    }


    .sidebar-menu-button:hover {
        background-color: rgba(0, 0, 0, 0.06);
    }


    /* Sidebar */

    aside {
        position: fixed;

        top: 3.5rem;
        left: 0;

        z-index: 1040;

        width: 280px;
        height: calc(100vh - 3.5rem);

        background-color: #272727;

        transform: translateX(-100%);
        transition: transform 0.2s ease;

        box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.15);
    }


    /* Sidebar open */

    body.sidebar-open aside {
        transform: translateX(0);
    }


    .sidebar {
        position: static;

        height: 100%;
        max-height: none;

        overflow-y: auto;

        padding: 1rem;
    }


    /* Main content */

    main {
        width: 100%;
    }

}