/* =========================================================
   KOMIKSAN STEP 02 - LEFT CATEGORY TREE YELLOW
   Purpose: Only colors the left category tree/sidebar yellow.
   FTP: /upload/komiksan-step02-left-category-tree-yellow.css
   WEB: /user/documents/upload/komiksan-step02-left-category-tree-yellow.css
   ========================================================= */

:root{
  --ks-step02-yellow:#FFD600;
  --ks-step02-blue:#1806FD;
  --ks-step02-black:#000000;
}

/* Left category column / tree */
.sidebar,
.sidebar-inner,
.sidebar .box,
.sidebar .box-categories,
.sidebar .categories,
.sidebar .categories-menu,
.sidebar .category-menu,
.sidebar .menu,
.sidebar ul,
.sidebar li{
  background:var(--ks-step02-yellow)!important;
  background-color:var(--ks-step02-yellow)!important;
}

/* Inner spacing only for the visible sidebar block */
.sidebar{
  padding-top:18px!important;
  padding-bottom:18px!important;
}

/* Text inside the category tree */
.sidebar a,
.sidebar span,
.sidebar li,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar .title{
  color:var(--ks-step02-black)!important;
  font-weight:800!important;
}

.sidebar a:hover{
  color:var(--ks-step02-blue)!important;
}