/*
Copyright 2026 Karl J. Obermeyer

Dark mode style for homepage. Use with `dark_mode_toggle--common.css`.
*/

.dark-mode-toggle.desktop {
  border: 2px solid black;
  position: absolute;
  top: 2px;
  right: 2px;
}

.dark-mode-toggle.mobile {
  border: 2px solid white;
  margin-right: 7px;
  margin-bottom: 3px;
  position: static;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* Mobile */
@media (max-width: 759px) {
  #hamburger-rule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .dark-mode-toggle.desktop {
    display: none;
  }
  .dark-mode-toggle.mobile {
    display: inline-block;
  }
}

/* Desktop */
@media (min-width: 760px) {
  .dark-mode-toggle.desktop {
    display: block;
  }
  .dark-mode-toggle.mobile {
    display: none;
  }
}