body {
    background: #151739;
    color: #f6f4ef;
}

a.logo, a.logo:hover {
    color: white !important;
}

.logo .b {
    /*color: #037afa;*/
    color: red;
}

.topbar {
    border-bottom: 3px solid #f6f4ef;
}

a {
    color: red;
}

.article a, .main-article a, .article-grid a {
    color: #f6f4ef;
}

.main-nav a {
    color: black;
    background: #f6f4ef;
}

.main-article-text p, .category-header p {
    color: #b8b8b8;
}

blockquote {
    background: #222;
}

footer {
    color: #e8e8e8;
}

input, textarea, select {
    background-color: #555; /* darker gray for dark mode */
    color: #e8e8e8;
    border: 1px solid #777;
}

button, input[type="file"]::file-selector-button {
    background-color: black;
    color: red;
    border: 1px solid red;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
}

button:hover, input[type="file"]::file-selector-button:hover {
    background-color: #111;
}

.weather {
    background-image: url("../image/weather-icon-17-light.png");
}

h1, h2, h3, h4, h5, h6 {
    color: white;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
    color: white;
}

.search-icon {
    background-image: url('../image/search-50-white.png');
}

.category {
    background: #f6f4ef;
}

.black, .black h2 {
    background: #f6f4ef;
    color: black !important;
}

.main-article-text p, .category-header p, .text p, article p {
    color: #f6f4ef;
}

.always-white, .always-white:focus, .always-white:visited, .always-white:hover {
    color: black !important;
}

.white-arrow {
    background-image: url("../image/black_arrow.png");
}