/* === Dark Theme: black background, white text === */

/* Universal background reset */
* { background-color: transparent; }

/* Base */
html,
body,
.site,
.site-content,
.site-main,
.content-area,
.entry-content,
.entry-summary,
.page-content,
.hentry,
.post,
.page,
.type-page,
.type-post {
    background-color: #000 !important;
    color: #fff !important;
}

/* Headings & text */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
p, li, dt, dd, blockquote, cite, address, caption, label {
    color: #fff !important;
}

/* Links */
a { color: #ccc !important; }
a:hover, a:focus { color: #fff !important; }

/* Borders */
hr,
.hentry .entry-header,
.hentry .entry-taxonomy,
.widget .widget-title,
.widget .widgettitle,
.pagination, .woocommerce-pagination {
    border-color: #333 !important;
}

/* Header */
.site-header,
.header-widget-region,
.storefront-primary-navigation,
.secondary-navigation,
.main-navigation,
.main-navigation ul ul,
.main-navigation ul ul li,
.handheld-navigation,
.handheld-navigation ul {
    background-color: #000 !important;
    color: #fff !important;
}

.site-header a,
.site-header .site-title a,
.site-branding .site-title a,
.site-branding .site-description,
.main-navigation ul li a,
.main-navigation ul ul li a,
.secondary-navigation .menu a,
.main-navigation ul li a:hover {
    color: #fff !important;
}

.site-header { border-bottom: 1px solid #333 !important; }

/* Mobile menu toggle */
button.menu-toggle { background-color: #000 !important; color: #fff !important; }

/* Footer */
.site-footer,
.footer-widgets,
.footer-widgets .block,
.site-info {
    background-color: #000 !important;
    color: #ccc !important;
    border-color: #333 !important;
}

.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6 { color: #fff !important; }
.site-footer a { color: #ccc !important; }
.site-footer a:hover { color: #fff !important; }

/* Sidebar & widgets */
.widget-area,
.widget,
.widget ul,
.widget ul li {
    background-color: #000 !important;
    color: #fff !important;
}

.widget .widget-title,
.widget .widgettitle { color: #fff !important; }
.widget-area .widget a { color: #ccc !important; }
.widget-area .widget a:hover { color: #fff !important; }

/* Forms & inputs */
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
select,
.input-text {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    box-shadow: none !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
    background-color: #222 !important;
}

fieldset { border-color: #333 !important; }
label { color: #fff !important; }

/* Buttons */
button, input[type=button], input[type=reset], input[type=submit],
.button, .added_to_cart {
    background-color: #333 !important;
    border-color: #555 !important;
    color: #fff !important;
}
button:hover, input[type=button]:hover, input[type=submit]:hover,
.button:hover, .added_to_cart:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* Comments */
#comments,
#respond,
.comment-list .comment-content .comment-text {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* Tables */
table, table td, table th, table thead th {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* Pagination */
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    background-color: #1a1a1a !important;
    color: #fff !important;
}
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #444 !important;
}

/* Pre / code blocks */
pre { background: #111 !important; color: #fff !important; }
code, kbd, tt, var { background-color: #222 !important; color: #fff !important; }

/* Nav hover states */
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li:hover > a {
    background-color: #222 !important;
}

/* === End Dark Theme === */