/* Shazwazza customizations layered on top of the VAPOR screen.css */

/* The old normalize.css set this; without it the base font is serif, which Disqus also detects and mirrors */
html {
    font-family: sans-serif;
}

body {
    background-image: url('../../img/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#site-head {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    /* VAPOR's flex body stops #blog-logo's top margin collapsing outside #site-head as it used to */
    margin-top: 50px;
}

    #site-head nav {
        margin: 0px 10px;
    }

#blog-logo {
    margin-top: 0;
}

    #blog-logo div.bloglogo {
        background-color: transparent;
    }

/* VAPOR's universal margin/padding reset removes these browser defaults the old theme relied on */
h2.blog-description {
    margin-bottom: 0.83em;
}

nav ul li .articulate-search input {
    padding: 1px 5px;
    line-height: normal;
}

nav ul li .articulate-search button {
    padding: 1px 6px;
}

main {
    background: rgba(255,255,255,0.94);
    position: relative;
    top: 20px;
    padding-top: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.blog-description {
    padding: 0 10px;
}

.post-title a {
    overflow-wrap: break-word;
}

/* Match the menu and post tag links rather than the Merriweather body text font */
ul.tag-cloud li,
ul.tag-list li {
    font-family: "Open Sans Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Nimbus L", sans-serif;
    font-weight: 300;
}

/* Open Sans Condensed reads much smaller than Merriweather at the inherited 18px */
ul.tag-list li {
    font-size: 22px;
}

/* VAPOR's universal margin/padding reset collapses post body spacing; restore browser defaults
   with zero specificity so VAPOR's own element rules still apply, as on the old theme */
:where(.post-content, .post-excerpt) * {
    margin: revert;
    padding: revert;
}

/* normalize.css now uses 'bolder', which only reaches 400 on VAPOR's weight-100 text */
b,
strong {
    font-weight: bold;
}

footer {
    margin-bottom: 2em;
}

    /* Older VAPOR spacing; the new VAPOR reduced this to .5em */
    footer.site-footer {
        margin-top: 4em;
    }

    footer .inner {
        /* VAPOR now uses border-box; the old theme's 60% width excluded padding */
        box-sizing: content-box;
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        width: 60%;
        margin: auto;
        padding: 20px;
    }