/* Post colors matched to GLAM's blog collection page. */
body { background: #000 !important; }
.site-header .site-title,
.site-header .site-title * { color: #fff !important; }
.hamburger-left .hamburger__bar { background: #fff !important; }

.blog-article,
.sidebar-box {
    background: #3e3e3e !important;
    color: #e1e1e1 !important;
    border-color: #555 !important;
}
.blog-article :is(h1,h2,h3,h4,h5,h6,blockquote,blockquote cite),
.blog-article :is(.meta,.content-type),
.sidebar-box :is(h2,h3,h4,dt,dd),
.sidebar-box .public-comment time {
    color: #e1e1e1 !important;
}
.blog-article a,
.sidebar-box a { color: #1cb300 !important; }
.blog-article a:hover,
.blog-article a:focus-visible,
.sidebar-box a:hover,
.sidebar-box a:focus-visible { color: #fddb16 !important; }

.sidebar-box [data-comment-form] input,
.sidebar-box [data-comment-form] textarea {
    background: #fff !important;
    color: #222 !important;
    caret-color: #222;
}
.sidebar-box [data-comment-form] input::placeholder,
.sidebar-box [data-comment-form] textarea::placeholder {
    color: #666;
    opacity: 1;
}
.sidebar-box [data-comment-form] button {
    background: #fddb16;
    color: #000;
    border: 1px solid #fddb16;
    border-radius: 4px;
}
.sidebar-box [data-comment-form] :focus-visible {
    outline: 3px solid #fddb16;
    outline-offset: 3px;
}