@charset "utf-8";
/* CSS Document */
/* Set color vars */
    :root {
      --primary-color: #b00000;
      --secondary-color: #cccccc;
      --tertiary-color: #ffffff;
    }
    #nav-cat{
      width: 100%; position: relative; z-index: 10;
      max-width: 205px; 
    }
    #nav-cat ul {
      list-style-type: none;
      width: 100%;
      margin: 0px;
      padding: 0px;
    }
    #nav-cat ul li {     
      display: block;
      width: 100%;
    }
    #nav-cat ul ul {
      padding-left: 15px;
    }
    #nav-cat li li {
      max-width: calc(100% - 15px); 
      }  
    #nav-cat a {
      display: block;
      text-decoration: none;
      color: var(--tertiary-color);
      padding: 5px 10px;
      width: 100%; 
    }
    #nav-cat a:hover{
      /* opacity: 0.7; */
      background-color:#b00000;
    }
    #nav-cat li.submenu ul {
      display: none;
      padding-top: 8px;
      padding-bottom: 15px;
    }
    #nav-cat ul > li.submenu.open > a:after{
      content: '-';
      float: right;
      margin-right:5px; color: #b00000;
    }
    #nav-cat ul li ul li a {
    	color: #b00000;
    }
	#nav-cat ul li ul li a:hover {
		color: #ffffff;
	}
    #nav-cat ul > li.submenu > a:after
    {
      content: '+';
      float: right;
      margin-right:0px; 
    }
    #nav-cat ul li.submenu > ul{
      background-color: #dedede;
      padding: 0px 10px;
      height: auto;
    }
    #nav-cat ul li.submenu.open > ul{
      display: block;
    }
    #nav-cat .level1 > li > a {
      background-color: var(--primary-color);
      display: block; 
    }
     #nav-cat ul li ul li ul li {
    	padding-left: 10px;
    }