/* Dark Mode CSS */
html.dark,
.dark body {
    background: rgb(4 4 4);
    color: #d9d9d9;
}
.dark .p-nav {
    background: rgb(20 20 20);
}
.dark a,
.dark .comment-list .report-link {
    color: rgba(255, 255, 255, 0.75);
}
.dark a:hover,
.dark .comment-list .report-link:hover
{
    color: rgba(255,255,255,.9);
}
.dark .p-breadcrumbs > li a,
.dark .p-breadcrumbs > li a:hover,
.dark .p-navgroup a,
.dark .p-breadcrumbs .home.current-item {
    color: #eee;
}
.dark .p-navgroup a:hover {
    color: #d6d6d6;
}
.dark .p-nav a
{
    color: rgb(255 255 255 / 75%);
}
.dark .p-sectionLinks,
.dark .p-navgroup,
.dark .message-signature hr,
.dark .formRow > dt,
.dark .blockLink.is-selected,
.dark .formSubmitRow-bar,
.dark .menu-row.menu-row--alt,
.dark .menu-row.menu-row--highlighted {
    background: rgb(40,40,40);
}
.dark .p-sectionLinks {
    border-bottom-color: #3c3c3c;
}
.dark article.post,
.dark article.feed-item,
.dark .single-column-container,
.dark .site-main,
.dark .sidebar-section-header,
.dark .related-articles-header,
.dark .authorbox-header,
.dark .morevideos-header
{
    background: #141517;
    color: rgba(255,255,255,.95);
    border-width: 1px;
    border-color: rgb(50,50,50);
}
.dark article.post .wp-block-pullquote p {
    background-color: #313131;
}
.dark .comment-list .comment-meta,
.dark .comment-respond header {
    background: rgb(47 47 47);
}
.dark .comment-content,
.dark .comment-respond form {
    background: rgb(30,30,30);
}
.dark .comment-list .comment-respond {
    border-left-color: rgb(47 47 47);
}
.dark .comment-list .comment-meta-name {
    color: #a4a4a4;
}
.dark .comment-list .comment-meta-time a time {
    color: rgb(108 108 108 / 75%);
}
.dark .comment-list .children {
    border-left-color: rgb(47 47 47);
}
.dark .comment-list .comment-content .vote {
    background-color: #2f2f2f;
    color: #626262;
}
.dark .comment-list .comment-content .vote.up::before,
.dark .comment-list .comment-content .vote.down::before {
    color: #626262;
}
.dark .comment-list .comment-content .vote:hover {
    background-color: #3c3c3c;
    color: #a2a2a2;
}
.dark .comment-list .comment-content .vote.up:hover::before,
.dark .comment-list .comment-content .vote.down:hover::before {
    color: #a2a2a2;
}
.dark .comment-list .comment-controls .vote.up.has-votes {
    color: #8ed393;
    background-color: rgb(0 255 19 / 16%);
}
.dark .comment-list .comment-controls .vote.up.has-votes:hover {
    background-color: rgb(0 255 19 / 10%);
}
.dark .comment-list .comment-controls .vote.up.has-votes::before {
    color: #44b84e;
}
.dark .comment-list .comment-controls .vote.up.user-voted {
    border-color: #00940a;
}
.dark .comment-list .comment-controls .vote.down.has-votes {
    color: #ff4d4d;
    background-color: rgb(255 0 0 / 15%);
}
.dark .comment-list .comment-controls .vote.down.has-votes:hover {
    color: #ff4d4d;
    background-color: rgb(255 0 0 / 35%);
}
.dark .comment-list .comment-controls .vote.down.has-votes::before {
    color: #ff4d4d;
}
.dark .comment-list .comment-controls .vote.down.user-voted {
    border-color: #ff0b0b;
}
.dark .bypostauthor .comment-meta-time::before {
    color: rgb(255 246 199 / 54%);
    background: rgb(255 238 153 / 14%);
}
.dark button,
.dark input[type=submit] {
    background: #2e2e2e;
    border: 1px solid #4f4f4f;
    color: #c7c7c7;
}
.dark input:focus {
    color: rgba(255,255,255,.95);
}
.dark input,
.dark textarea {
    background: #040404;
    border: 1px solid #595959;
    color: rgba(255,255,255,.95);
}
.dark .feed h2 a {
    color: white;
}
.dark .feed .popular-pages,
.dark .feed .send-tip,
.dark .feed .site-sections > div {
    border-color: rgb(50,50,50);
}
.dark .feed .site-sections .icon img {
    /* https://stackoverflow.com/a/53336754/2848411 */
    filter: invert(46%) sepia(2%) saturate(20%) hue-rotate(106deg) brightness(100%) contrast(100%);
}
.dark .woocommerce #respond input#submit,
.dark .woocommerce a.button, 
.dark .woocommerce button.button, 
.dark .woocommerce input.button {
    color: #9a9a9a;
    background: #323232;
}
.dark .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: black;
}
.woocommerce div.product form.cart .button {
    color: white;
}
.dark article .reviewBox .ratingCategory .rating,
.dark article .reviewBox .ratingCategory .name {
    border-bottom-color: #323232;
}
.dark article .reviewBox .ratingCategory .name {
    background: #282828;
}
.dark .gsc-tabHeader.gsc-tabhInactive, .gsc-refinementHeader.gsc-refinementhInactive {
    color: #4d4d4d;
}
.dark .gsc-tabHeader.gsc-tabhActive,
.dark .gsc-refinementHeader.gsc-refinementhActive, 
.dark input.gsc-input,
.dark .gssb_a,
.dark .gssb_a td, 
.dark .gssb_a,
.dark .gssb_a td {
    color: black !important;
}
.dark .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #4d4d4d;
}

.dark .comments-area .wp2xf_yellow_box {
    background: #28261d;
    border: 1px solid #9e906a;
    color: #fffaea;
}
.dark .comments-area .wp2xf_yellow_box:hover {
    background: #383629;
}
.dark .comments-area .wp2xf_description {
    color: white;
}


@media (max-width: 650px) {
    .dark .p-nav,
    .dark .p-navgroup,
    .dark article.post,
    .dark article.feed-item,
    .dark .site-main,
    .dark .sidebar-section-header,
    .dark .related-articles-header,
    .dark .authorbox-header,
    .dark .morevideos-header {
        background: #000;
    }
}