/*
 Theme Name:   Libretto Child
 Template:     libretto
 Version:      1.0.0
*/

.nav-bar,
.menu-toggle,
.libretto-long-form {
    background: rgba(0, 0, 0, 0.8);
}

.site-title a,
.title-block h1 {
    color: rgba(0, 0, 0, 0.8) !important;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.site-branding .site-title a {
    color: rgba(119, 119, 119, 0.8) !important;
}

.site-description,
.title-block .entry-meta::before,
.title-block .entry-meta::after,
.title-block .entry-meta a,
.title-block .entry-meta {
    color: rgba(0, 0, 0, 0.7) !important;
}

.comment-body {
    background: rgba(0, 0, 0, 0.7);
}

.nav-bar,
.menu-toggle {
    border-bottom: 0px;
}

.entry-header .entry-meta::before,
.entry-header .entry-meta::after,
.entry-meta,
.entry-meta a,
.site-title a {
    color: #aaa;
}

h2,
h1,
h3,
h4,
h5,
h6,
label {
    color: #bbb;
}

.entry-title,
.entry-title a {
    color: #999;
    text-shadow: none;
}

#colophon .site-info {
    float: none;
    text-align: center;
    color:rgba(150,150,150, 0.8) !important
}

#colophon .site-info a {
    color:rgba(150,150,150, 0.8) !important
}

article.post.format-standard .entry-content p,
.page .entry-content {
    color: #888 !important;
}

a,
.page .entry-content a,
#site-navigation li a {
    color: #ccc !important;
}

a:hover, #site-navigation li:not(.menu-item-has-children) a:hover {
    color: #bbb;
}

.comment-content {
    color: #888;
    padding: 10px 20px;
}


.comment-content a,
.fn a,
.comment-metadata a,
.comment-metadata {
    color: #999;
}

.post .entry-header::before,
.entry-footer::before,
.single .title-block::before,
.page .entry-header::before {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.8);
}

.entry-header,
.title-block h2 {
    border-bottom-color: rgba(150, 150, 150, 0.5)
}

#site-navigation .menu li {
    border-top-color: rgba(150, 150, 150, 0.5)
}

#site-navigation {
    background-color: transparent;
}

@media only screen and (max-width: 640px) {
    .entry-content {
        padding: 0 15px;
    }

    #content {
        padding: 0px;
    }
}

.format-aside .entry-content,
.format-quote .entry-content,
.libretto-long-form {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 680px !important;
}

body {
    background-color: #222;
}

strong em,
em strong,
b i,
i b,
b em,
em b,
strong i,
i strong,
.wp-caption strong {
    background: rgba(0, 0, 0, 0.7);
    color: #ccc;
}