/**
 * Puchu theme for Pelican
 */
body {
    font-family: "Source Serif Pro", serif;
    font-size: 1em;
    line-height: 1.4;

    background-color: #fafafa;
    color: #333;

    width: 700px;
    margin: 0 auto;
    padding: 0 1em;
}

strong,
b {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 1.5em 0 0.75em;
}

#sidebar .brand-main {
    font-size: 32px;
    margin: -10px 0 0.75em;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h1 a,
h2 a,
h3 a {
    text-decoration: none;
}

a {
    color: #7352a6;
    padding: 0.2em 0.1em;
}

a:hover {
    background-color: #f3f3f3;
    color: #1e1e1e;
}

/* Content */

pre,
video,
iframe,
#content img {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    max-width: 100%;
}

pre {
    line-height: 1.25em;
    background-color: #fdfdfd;
    padding: 1.1em;
    overflow: auto;
}

video,
iframe {
    border-radius: 8px;
    margin-top: 2em;
    width: 100%;
}

.video-preview {
    cursor: pointer;
}

.video-label {
    margin: 0;
    text-align: right;
    font-size: 0.8em;
    font-family: sans-serif;
}

#content img {
    margin-top: 0.5em;
}

/*
Code formatting changed after Markdown 3.1.1.
Code blocks are now wrapped in pre > code tags.
*/
code,
tt {
    font-size: 0.95em;
}

pre code,
pre tt {
    font-size: 0.9em;
}

sub,
sup {
    font-size: 0.75em;
}

hr {
    border: solid 0.5px #7352a6;
    margin: 4em 0;
}

.index {
    line-height: normal;
}

.index-title {
    height: 1.2em;
}

.post .important,
.page .important {
    color: #f57900;
}

.post,
.page {
    border-bottom: solid 1px #ccc;
    padding-bottom: 1.5em;
}

.post-url {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table td,
table th {
    padding: 0.25em;
}

table,
table td,
table th,
table tr {
    border: none;
}

table th {
    border-bottom: solid 1px #000;
}

blockquote {
    border-left: 4px solid #ddd;
    padding: 0 15px;
    font-style: italic;
}

/* Header */
#sidebar {
    clear: both;
    margin: 1em 0 2em;
    padding: 0.5em 0;
    border-bottom: solid 2px #7352a6;
}

#sidebar a {
    text-decoration: none;
}

.tagline {
    display: none;
}

#pagination {
    color: #777;
    clear: both;
    margin-top: 2em;
    padding-top: 1em;
    border-top: solid 1px #ccc;
}

.pages-menu {
    margin-top: -25px;
}

.pages-menu a {
    padding: 0.3em;
}

.also-read {
    margin: 0;
    text-align: center;
    padding: 1em 0;
    border-bottom: solid 1px #ccc;
}

.also-read a {
    white-space: nowrap;
}

/* Footer */
#footer,
.post-meta {
    color: #777;
    font-size: 0.8em;
}

#footer {
    padding: 0.5em 0;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #22222e;
        color: #ddd;
    }
    pre {
        background-color: #222232;
    }

    a {
        /* mediumspringgreen */
        color: #00fa9a;
    }
    a:hover {
        background-color: #00fa9a;
        color: black;
    }
    hr {
        border-color: #00fa9a;
    }
    #sidebar {
        border-bottom-color: #00fa9a;
    }
}

/* Small screens */
@media (max-width: 740px) {
    body {
        width: auto;
        padding: 0 1em;
    }
}

@media print {
    body {
        font-size: 14px;
    }

    pre,
    code,
    tt {
        font-size: 12px;
    }

    pre {
        overflow: inherit;
    }

    .post-url {
        display: inherit;
    }

    #sidebar,
    video {
        display: none;
    }
}