/* Overrides to styles.css, because why not */


/* Somewhere deep in the basic styling is "headers should be underlined". No
 * thanks */

header.page-title {
    text-decoration: none;
}

/* Tweak page headers */

header.page-title h1 {
    font-size: 1.7rem;
    line-height: 2.3rem;
}

header.page-title time {
    font-size: 0.9rem;
    line-height: 1.1rem;
}

/* Blog posts are heavily indented, which seems odd, deffo looks ugly. */

article.single .article-body {
    margin: 0;
    padding: 0;
}

/* Lots of tweaks to page-section headers so they flow nicely.
 * Feels like the original theme didn't actually do a lot of multi-header-depth
 * content? */

article.single .article-body h2,
article.single .article-body h3,
article.single .article-body h4,
article.single .article-body h5,
article.single .article-body h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

article.single .article-body h2 {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-bottom: 0.7rem;
}

article.single .article-body h3 {
    font-size: 1.3rem;
    line-height: 1.9rem;
}

article.single .article-body h4 {
    font-size: 1.15rem;
    line-height: 1.6em;
}

/* Blog post headers/snippets on listing pages - more alignment with rest of
 * styling, and treatment so headers included in the more-inside bits don't
 * clash with the listing page's own headers */

article.li .title {
    margin-bottom: 0;
}

article.li .date {
    margin-bottom: 0.5rem;
}

article.li h2 {
    font-size: 1.1rem;
    line-height: 1.7rem;
}

/* Category links in blog post headers (both single and li) */

article.li .date a,
article.single header.page-title time a {
    color: #666;
}

/* Category counts in sidebar category list */

.list-group a span.category-count {
    font-size: 0.7rem;
}

/* Weaksauce port of some image styling from my old Octopress theme.
 * Also includes a neuter to Beg theme's bizarre 'width: 100%' */

img {
    max-width: 100%;
    height: auto;
    width: auto;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 4px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0 1px 4px;
    box-shadow: rgba(0,0,0,0.15) 0 1px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: #fff 0.4em solid;
}

img.right {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 0.8rem;
}

/* Local tweaks to code highlighted blocks for a few things.
 *
 * NOTE: highlight.css holds the raw Pygments-created theme, tho it did have to
 * be modified to change the highlight class name & background-color element
 * (sigh) but I wanted it to be left alone otherwise so the rest is here.
 *
 * ANOTHER NOTE: I actually did have to alter some content in styles.css
 * because inexplicably NONE of revert, unset, inherit or initial do what I
 * want re: turning off another stylesheet's rule :( */

/* Make sure 'default' monospace blocks still have a good foreground font color
 * instead of inheriting the regular site styling (which is dark text, and
 * currently my code blocks have a dark background too). Typically the 'Name'
 * color from the pygmentize theme. */

.highlight pre {
    color: #f8f8f2;
}

/* Frustrating hacks to "trim" the outermost,
 * assumes-I-use-H1s-within-my-content-bodies (WTF) ul/li from the
 * BlackFriday-rendered ToC HTML. Because this is easier than building with a
 * hacked-up blackfriday+hugo. I think. */

nav#TableOfContents > ul {
    padding-left: 0;
}

nav#TableOfContents > ul > li {
    list-style-type: none;
}

/* Actual style additions for the Table of Contents */

nav#TableOfContents > ul {
    margin-top: 10px;
}

nav#TableOfContents a {
    /* Color the links the same as other sidebar elements; but without
     * incurring all the other styles of the other (flat) lists. */
    color: #555;
}