/*  ================================================ */
/*  DARK MODE ====================================== */
/*  ================================================ */

    @media (prefers-color-scheme: dark) {
      body {
        color: #d7d7d7 !important;
        background-color: #222;
        -moz-osx-font-smoothing: grayscale;
        }

      ::selection {
        background: #fff;
        color: #333;
      }

      table { border: none !important; background-color: #222;}
      table.body-wrap { border: none !important; background-color: #222; }
      th { border: none; }
      td { border: none; }
      tr { border: none; }



      hr { border-top: 1px solid #444 !important; }

      h1 { color: #ffffff !important; }
      h2 { color: #ffffff !important; }
       h2 svg path { fill: #fff !important; }
      h3 { color: #ffffff !important; }
      h4 { color: #ffffff !important; }
      h5 { color: #ffffff !important; }
      h6 { color: #ffffff !important; }

      a { color: #67b4ff !important; }

      strong { color: #fff; }

      .footer-wrap .container .content a { color: #bbb; }

      path.oval { fill: white; }
      path.inner { fill: white; }
  }