/* 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;
    /* override default theme setting of word-break: break-all, which is, wtf? */
    word-break: normal;
}

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;
}

figure.right img {
    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;
}

/* 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;
}

/* Hide/show certain things when printing (eg, for my resume to PDF) */
br.print-spacer { display: none; }
h2.print-subhead { display: none; }
@media print {
    /* Entire sidebar (ToC, recent posts or etc) */
    aside { display: none ! important; }
    /* And footer */
    footer { display: none ! important; }
    /* Bootstrap's "helpful" expansion of hyperlink targets when printing */
    a[href]::after { content: none ! important; }
    /* Unhide print spacer(s), etc when printing */
    br.print-spacer { display: inline ! important; }
    h2.print-subhead { display: inline ! important; }
}