/*
   Assume light background
   The theme's SCSS assumes a dark hero image sits behind the site
   header / blog header / showcase when `.header-image` is applied,
   and switches text to white. These rules flip that back to dark
   text so a white page background works without invisible text.
*/
/* Site header nav: restore light bg + dark text when .header-image is set */
.header-image #header {
    background-color: rgba(255, 255, 255, 0.90);
    box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15);
}

.header-image #header a:before,
.header-image #header a:after {
    background-color: rgba(101, 97, 97, 0.7) !important;
}

/* Blog header banner: dark headings on light bg */
.blog-header.blog-header-image h1,
.blog-header.blog-header-image h2 {
    color: #656161;
}

/* Modular showcase blocks with .header-image: dark headings, dark button outline */
.modular .showcase.header-image h1,
.modular .showcase.header-image h2,
.modular .showcase.header-image h3,
.modular .showcase.header-image p {
    color: #656161;
}

.modular .showcase.header-image .button {
    color: #656161;
    border-color: #656161;
}

.logo h3 a { color: #9a9898;}
.header-image #header li a { color: #656161;}

#navbar a { color:#656161;}


/* Fix h1+h2 negative margin overlap in blog header */
.blog-header h1 {
    margin-bottom: 0.4rem;
}

.blog-header h2 {
    margin-top: 0;
    font-weight: normal;
}

/* Fix date/author/tags bleeding out of list-blog-header */
.list-blog-date,
.list-blog-author,
.tags {
    display: inline-block;
}

.list-blog-header {
    padding-bottom: 0.5rem;
}