@media only screen and (max-width: 768px) {
  .menu-item-1845 {
    background: var(--color-primary);
  }

  .menu-item-1845 > a > b {
    color: #fff !important;
  }
}

@media only screen and (min-width: 768px) {
  /* nav */
  .sidebar.sidebar-left div#cat-1845 a,
  .sidebar.sidebar-left div#cat-1845 a:hover {
    color: #fff !important;
    background: var(--color-primary);
  }

  .sidebar .categories div a:hover,
  .sidebar .categories li a:hover {
    background: #fff;
  }

  .categories li.active > a:hover {
    color: #000 !important;
  }

  .box-bg-variant .categories a:hover {
    color: #000;
    background: #fff;
  }
}