/* Dark Mode Overrides for Clean Blog (copied from Grav's custom-css plugin) */
body {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Page Headers */
header.masthead {
    background-color: #121212;
}
header.masthead .site-heading h1,
header.masthead .post-heading h1 {
    color: #ffffff;
}
header.masthead .site-heading .subheading,
header.masthead .post-heading .subheading {
    color: #b0b0b0;
}

/* Post Content */
.post-preview > a {
    color: #ffffff;
}
.post-preview > a:hover {
    color: #0085a1;
}
.post-preview .post-subtitle {
    color: #a0a0a0;
}

/* Navbar */
.navbar-custom {
    background-color: #121212;
}
.navbar-custom .navbar-brand {
    color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
    color: #ffffff;
}

/* General Links */
a {
    color: #00bcd4;
    text-decoration: none;
}
a:hover {
    color: #0085a1;
}

/* Dark scrollbars and browser controls everywhere */
:root { color-scheme: dark; }

/* Top menu: the theme makes it white on phones/tablets (< 992px wide) and when it
   slides back in while scrolling up on a computer. Keep it dark in both cases. */
#mainNav {
    background-color: #121212;
    border-bottom-color: #333;
}
#mainNav .navbar-brand,
#mainNav .navbar-toggler,
#mainNav .navbar-nav > li.nav-item > a.nav-link {
    color: #ffffff;
}
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus,
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #00bcd4;
}
@media (min-width: 992px) {
    #mainNav { background-color: transparent; border-bottom-color: transparent; }
    #mainNav.is-fixed { background-color: rgba(18, 18, 18, 0.95); border-bottom-color: #333; }
    #mainNav.is-fixed .navbar-brand,
    #mainNav.is-fixed .navbar-nav > li.nav-item > a { color: #ffffff; }
    #mainNav.is-fixed .navbar-brand:hover,
    #mainNav.is-fixed .navbar-nav > li.nav-item > a:hover { color: #00bcd4; }
}

/* Dividers, tables, quotes */
hr { color: #555; background-color: #555; }
table { color: #e0e0e0; border-color: #444; }
th, td { border-color: #444; }
blockquote { color: #b0b0b0; border-left: 3px solid #444; padding-left: 1em; }

/* Copy buttons on code blocks (was repeated inside each Grav post) */
.copy-wrap { position: relative; }
.copy-btn { position: absolute; top: 6px; right: 6px; padding: 2px 10px; font-size: 13px; cursor: pointer;
            border: 1px solid #555; border-radius: 4px; background: #2a2a2a; color: #e0e0e0; }
.copy-btn:hover { color: #00bcd4; border-color: #00bcd4; }
pre { padding-top: 30px !important; }

/* Code blocks as scroll boxes so long posts stay short (was a <style> in many posts) */
pre { max-height: 22em; overflow: auto; background-color: #121212; border: 1px solid #333;
      border-radius: 4px; padding: 0.75em; color: #e0e0e0; }