/* 5ka.Menu:Variable */
:root {
	--menu_item_width: 220px;
	--topsubmenu: #2c7ed6;
  }
  
  
  /* 5ka.Mobile.Menus */
  @media only screen and (max-width: 768px) {
  
	   .ui-menu-item.all-category {
		   display: none;
	   }
  
	  li.level0 ul {
		display:none;
	  }
  
	  li.level0 ul a {
		position:relative;
	  }
  
	  .rm-expand {
		float:right;display:block;font-family: 'icons-blank-theme';font-size:42px;position:absolute;right: 7px;top: -6px;
	  }
  
	  /* drugi nivo */
	  li.level0 > ul > li > a {
		  padding: 6px 16px 10px 16px !important;
		  margin: 4px 0px 8px 0px !important;
		  font-weight: bold;
		  color: var(--topsubmenu) !important;
		  border-bottom: 1px solid #ddd;		
	  }
  
	  /* tretji nivo */
	  li.level0 > ul > li > ul > li > a {
		  color: #666 !important;
		  padding: 3px 16px 3px 16px !important;
		  font-weight: bold;
	  }
  
	  /* cetrti nivo */
	  li.level0 > ul > li > ul > li > ul > li > a {
		  color: #666 !important;
		  padding: 3px 16px 3px 24px !important;
		  font-weight: 400;
	  }
  
	  /* peti nivo */
	  li.level0 > ul > li > ul > li > ul > li > ul > li > a {
		  color: #bbb !important;
		  font-size:12px;
		  padding: 3px 16px 3px 30px !important;
		  font-weight: 400;
		  font-style: italic;
	  }
  
  }
  
  /* 5ka.Desktop.Menus */
  @media only screen and (min-width: 769px) {
  
	  .navigation .level0 > .level-top {    
		  line-height: 51px;
	  }
  
	  .sections.nav-sections {
		  height: 50px;
	  }
  
	  .rm-expand {
		  display: none;
	  }
  
	  .nav-sections-item-content {
		  height: 50px;
	  }
  
	  .navigation .ui-icon {
		  display: none !important;
	  }
  
	  li.level0 {		
		  float:left;
	  }
  
	  li.level0 > ul {
		  /*display: block !important;*/
		  top: 0px !important;
		  display: absolute;
		  background: #fff !important;
	  }
  
	  li.level0 ul {
		  position: relative !important;
		  overflow: auto;				
	  }
  
	  li.level0:hover ul {
		  display: block !important;	
		  left: 0px;	
	  }
  
	  .navigation .level0.parent:hover > .submenu {
		  /*overflow: visible !important;*/
	  }
  
	  .navigation .level0 .submenu {
		  min-width: var(--menu_item_width) !important;
		  visibility: visible !important;
	  }
  
	  /*
	  .navigation .level0:first-child .submenu .submenu {
		  left: 0px !important;
		  top: 0px !important;		
	  }
	  */
	  .navigation ul >li.level0 .submenu .submenu {
		  left: 0px !important;
		  top: 0px !important;
		  padding-bottom: 6px;		
	  }
  
  
	  .navigation .level0:hover:after {
		  width: 0px !important;
		  height: 100% !important;
	  }
  
	  li.level0 > ul > li {
		  overflow: auto;
		  float: left !important;	
		  max-width: var(--menu_item_width);	
		  position: relative !important;	
		  width: calc(100% - 24px);
		  margin: 0 12px !important;
	  }
  
	  li.level0 ul li ul {
		  box-shadow: none !important;
		  border: none !important;	
		  width: 100%;	
	  }
  
	  li.level0 ul.level2 {	
		  margin-bottom: 8px !important;	
	  }
  
	  li.level0 ul li ul li ul li ul {
		  border: none !important;
	  }
		   
	  
	  /* drugi nivo */
	  li.level0 > ul > li > a {
		  padding: 6px 16px 10px 16px !important;
		  margin: 4px 0px 8px 0px !important;
		  font-weight: 400;
		  font-size: 13px;
		  color: var(--topsubmenu) !important;
		  border-bottom: 1px solid #ddd;		
	  }
  
	  /* tretji nivo */
	  li.level0 > ul > li > ul > li > a {
		  color: #666 !important;
		  font-size: 13px;
		  padding: 3px 16px 3px 16px !important;
		  font-weight: 600;
	  }
  
	  /* cetrti nivo */
	  li.level0 > ul > li > ul > li > ul > li > a {
		  color: #666 !important;
		  font-size: 13px;
		  padding: 3px 16px 3px 24px !important;
		  font-weight: 400;
	  }
  
	  /* peti nivo */
	  li.level0 > ul > li > ul > li > ul > li > ul > li > a {
		  color: #bbb !important;
		  font-size:12px;
		  font-size: 13px;
		  padding: 3px 16px 3px 30px !important;
		  font-weight: 400;
		  font-style: italic;
	  }
	  
  }