/* ===== Blog Styles ===== */

.post-date {
    color: var(--gray);
    font-size: small;
    display: block;
    margin-bottom: .5em;
}

.post-entry {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px dashed var(--bordercolor2);
}

.post-entry a {
    font-size: large;
    font-weight: bold;
}

.tag, .tags {
    color: var(--gray);
    font-size: small;
}

.tags a { color: var(--gray); }
.tags a:hover { color: var(--links); }

.desc { color: var(--altfg); }

.blogpost {
    text-align: left;
    line-height: 1.7;
}

.blogpost img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--bordercolor1);
    border-radius: 8px;
    margin: 1em 0;
    display: block;
}

.blogpost h2, .blogpost h3 {
    color: var(--fgemph);
    border-bottom: 1px solid var(--bordercolor2);
    padding-bottom: .3em;
}

.blogpost ul, .blogpost ol {
    margin-left: 1.5em;
    margin-bottom: 1em;
}

.blogpost li { margin-bottom: .3em; }

/* Code blocks */
.blogpost pre {
    background: var(--codebg);
    border: 1px solid var(--bordercolor1);
    border-radius: 8px;
    padding: 1em;
    overflow-x: auto;
    margin: 1em 0;
}

.blogpost pre code {
    background: none;
    color: var(--code);
    font-size: .9em;
    border-radius: 0;
    padding: 0;
}

.blogpost code {
    background: #222;
    color: var(--code);
    border-radius: 5px;
    padding: 2px 6px;
    font-size: .95em;
}

.rss-subscribe {
    text-align: center;
    margin-bottom: 1.5em;
    font-size: 0.9em;
}

.rss-subscribe a {
    background: var(--altbg);
    border: 1px solid var(--gray);
    border-radius: 15px;
    padding: 5px 15px;
    display: inline-block;
    transition: 0.3s;
}

.rss-subscribe a:hover {
    background: var(--hover-bg);
    color: #ff3737;
    border-color: var(--links);
}

/* highlight.php theme */
.hljs             { color: #ddd; }
.hljs-keyword     { color: #ff79c6; }
.hljs-built_in    { color: #8be9fd; }
.hljs-type        { color: #8be9fd; }
.hljs-literal     { color: #bd93f9; }
.hljs-number      { color: #bd93f9; }
.hljs-string      { color: #f1fa8c; }
.hljs-comment     { color: #6272a4; font-style: italic; }
.hljs-doctag      { color: #ff79c6; }
.hljs-title       { color: #50fa7b; }
.hljs-params      { color: #ffb86c; }
.hljs-attr        { color: #50fa7b; }
.hljs-variable    { color: #ffb86c; }
.hljs-symbol      { color: #f1fa8c; }
.hljs-regexp      { color: #f1fa8c; }
.hljs-meta        { color: #6272a4; }
.hljs-tag         { color: #ff79c6; }
.hljs-name        { color: #ff79c6; }
.hljs-attribute   { color: #50fa7b; }
.hljs-addition    { color: #50fa7b; background: rgba(80,250,123,0.1); }
.hljs-deletion    { color: #ff5555; background: rgba(255,85,85,0.1); }
.hljs-selector-tag   { color: #ff79c6; }
.hljs-selector-class { color: #50fa7b; }
.hljs-selector-id    { color: #bd93f9; }
.hljs-function    { color: #50fa7b; }