/**
 * @file
 * Dark Mode styling for MyTechCatalog.com.
 */

@media (prefers-color-scheme: dark) {
    body {
        color: #eee;
        background-color: #000;
    }

    h2 {
        color: #fff;
    }

    a {
        color: #55A4F1;
    }

    a:hover {
        color: #c6d0f4;
    }

    a:visited {
        color: #959cb7;
    }

    label {
        display: block;
        font-weight: bold;
    }

    pre,
    code {
        background-color: #222;
    }

    /* Code Filter module adjustments. */
    div.codeblock code {
        color: #000;
        background-color: #fff;
    }

    div.codeblock {
        border: 1px solid #ccc;
        background-color: #fff;
    }
    /* End Code Filter module adjustments. */

    nav.block-menu li a,
    nav.block-menu li a:visited,
    nav.page-navigation li a,
    nav.page-navigation li a:visited {
        color: #ddd;
    }

    nav.block-menu li a:hover,
    nav.block-menu li a.is-active,
    nav.page-navigation li a:hover {
        color: #444;
    }

    nav.block-menu li a.is-active {
        background-color: #ddd;
        color: #444;
    }

    ul.primary li a {
        background-color: #444;
        border-color: #686868;
        color: #eee;
    }

    ul.primary li.is-active a,
    ul.primary li a:hover {
        background-color: #000;
        border: 1px solid #686868;
        border-bottom: 1px solid #000;
    }

    nav.tabs ul.tabs {
        border-bottom: 1px solid #464646;
    }

    /*.site-name {
        border-bottom: 1px solid #464646;
    }*/

    .site-name a {
        color: #eee;
    }

    div.messages--status {
        background-color: #2f312e;
        border-color: #44562b;
        color: #73e500;
    }

    .region-footer {
        color: #aaa;
    }

    .region-footer a {
        color: #ddd;
    }

    input,
    textarea {
        color: #222;
    }

    .node header h2 a {
        color: #eee;
    }

    .node header h2 a:hover {
        color: #fff;
    }

    div.node__submitted,
    div.comment__submitted {
        color: #aaa;
    }

    #block-social-media-links,
    #block-views-block-projects-block,
    #block-views-block-blog-block-1,
    #block-whatido,
    .region-node-bottom,
    section.field--type-comment,
    .block-facets {
        background-color: #222;
    }

    .node__submitted,
    .comment__submitted,
    .comment .links {
        color: #888;
    }

    .node__submitted a,
    .comment__submitted a,
    .node__submitted a:visited
    .comment__submitted a:visited {
        color: #aaa;
    }

    .comment .links a,
    .comment .links a:visited {
        color: #aaa;
    }

    .comment .links a:hover,
    .node__submitted a:hover,
    .comment__submitted a:hover {
        color: #c6d0f4;
    }

    .node--unpublished,
    .comment.unpublished {
        background-color: #331111;
    }

    div.field--name-field-tags .field__item a {
        background: #444;
        color: #ddd;
    }

    div.field--name-field-tags .field__item a::before,
    div.field--name-field-tags .field__item a::after {
        background: #000;
    }

    #resume-highlight h2 {
        color: #eee;
    }

    .resume-section .job {
        background-color: #181818;
    }

    .node--type-project .field-name-field-project-highlights {
        background-color: #555;
        color: #efefef;
    }

    .field--name-field-tags .field__items > div > a{
        background-color: #000;
        color: #fff;
    }
    
    connection-table {       
        border:1px solid #ccc
    }
    .connection-table tr {
        border-bottom: 1px solid #ddd;
    }
    .connection-table td, th {
        border-right: 1px solid #f1f1f1;        
        background-color: #000;
        color: #fff;
    }
    .connection-table th {
        background-color: #7c7c7c;
        color: #fff;
    }
    .read-more-btn:hover{box-shadow:0 8px 16px 0 rgba(51, 238, 248, 0.6),0 6px 20px 0 rgba(51, 238, 248,0.6)}
}/*@END @media (prefers-color-scheme: dark) */