/* Dark Mode */

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    /* background-color: #091529; */
    color: #ffffff;
  }

  .socialMediaBox {
    background: #070f1e;
  }

  .socialMediaBox a {
    color: #e0e0e0 !important;
  }

  .whiteBG {
    background-color: transparent !important;
  }

  .grayBG {
    background: #070f1e;
  }

  .threeGrid .boxTitle a {
    color: #e0e0e0 !important;
  }

  .threeGrid .articles .article a.articleTitle {
    color: #e0e0e0 !important;
  }

  .articles .article a.articleTitle .date {
    color: #bbbbbb !important;
  }

  .featuredGrid .articles .article .articleTitle,
  .featuredGrid .articles .article.article-1 .articleTitle {
    background-color: #000000 !important;
    color: #e0e0e0 !important;
  }

  .featureSidebar .sideArticles .sideContainer .sideArticle .title {
    color: #e0e0e0 !important;
  }

  .featureSidebar .sideArticles .sideContainer .sideArticle .date {
    color: #bbbbbb !important;
  }

  .featureSidebar .sideArticles .sideContainer .sideArticle:nth-child(odd) {
    background-color: #1a1a1a;
    color: #e0e0e0 !important;
  }

  .featureSidebar .sideArticles .sideContainer .sideArticle:nth-child(even) {
    background-color: #0d0d0d;
    color: #e0e0e0 !important;
  }

  .featureSidebar
    .sideArticles
    .sideContainer
    .sideArticle
    .sideArticleTitle
    a {
    color: #142a51;
    color: #ffffff !important;
  }

  .mostRead .mrStories .story {
    color: #ffffff !important;
  }
}

/* End of Dark Mode */

/* High Contrast Mode */
/* @media (prefers-contrast: more) {
  body {
    background-color: #000000;
    color: #ffffff;
  }
} */
/* End of High Contrast Mode */