/* 5ka.Menu:Variable */
:root {
	--menu_item_width: 220px;
	--topsubmenu: #2c7ed6;
  }
  
  .navigation .level0 .submenu a {
	color: #000;
  }

  /* 5ka.Mobile.Menus */
  @media only screen and (max-width: 768px) {

	.level0>li {
		background: #262527!important;
	}
  	
	   .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: -8px;
	  }

	  .navigation .level0 {
		width: 100% !important;
	}
  
	  /* drugi nivo */
	  li.level0 > ul > li > a {
		  padding: 15px 16px 15px 22px !important;
		  margin: 0px 0px 0px 0px !important;
		  font-weight: 400;
		  color: var(--topsubmenu) !important;
		  border-bottom: 1px solid #424242;	
	  }

	  /* tretji nivo */
	  li.level0 > ul > li > ul > li > a {
		  color: #666 !important;
		  padding: 15px 16px 15px 16px !important;
		  font-weight: 300;
	  }
  	  
	  /* cetrti nivo */
	  li.level0 > ul > li > ul > li > ul > li > a {
		  color: #666 !important;
		  padding: 15px 16px 15px 24px !important;
		  font-weight: 300;
	  }
  
	  /* peti nivo */	  
	  li.level0 > ul > li > ul > li > ul > li > ul > li > a {
		  color: #bbb !important;
		  font-size:12px;
		  padding: 15px 16px 15px 30px !important;
		  font-weight: 300;
		  font-style: italic;
	  }
	  
	  .navigation .submenu.level1.expanded {
		display: none;
	  }

	  .level0_category_text {
		height: 200px;
		margin: 16px;
	  }

	  
	  .navigation .submenu:not(:first-child) ul {
		display: block;
		padding-left: 0px;
	  }

	  .level1 .submenu > li,
	  .level2 .submenu > li,
	  .level3 .submenu > li,
	  .level4 .submenu > li {
		padding-left: 15px !important;
	  }

	  .level2 .submenu > li a span,
	  .level3 .submenu > li a span,
	  .level4 .submenu > li a span {
		color: #898989;
	  }

	  .level1 .submenu {
		background: #2e3339;
		border-bottom: 1px solid #343334;
	  }

	  .navigation .level0 .submenu a {
		padding-right: 40px !important;
		padding-left: 22px;
	  }

	  .rm-expand {
		right: 6px;
		top: 0px;
		font-weight: 400;
	}

	.level1>a {
		font-weight: 600;
	}

	.navigation .level0.active>a:not(.ui-state-active), .navigation .level0.has-active>a:not(.ui-state-active) {
		border-color: transparent !important;
		background: var(--basic);
		color: #fff;
	}

	.navigation .submenu:not(:first-child) .active>a {
		border-color: transparent !important;
		font-weight: 600;
		color: var(--basic) !important;
		border-width: 0 !important;
	}

	.navigation .submenu:not(:first-child) ul > li a {
		font-weight: 300;
	  }

	.nav-sections-item-title {
		width: 33.33% !important;
	}

	.nav-sections .header.links li > a {
		border-top: 1px solid #424242;
		/*color: #fff !important;*/
		text-transform: uppercase;
		padding: 12px 40px 12px 15px !important;
	}

	.nav-sections .header.links {
		border-bottom: 1px solid #424242;
	}
  }
  
  /* 5ka.Desktop.Menus */
  @media only screen and (min-width: 769px) {
  
	.navigation, .navigation ul {
		z-index: 999;
	}

	.navigation .level0 .submenu {
		box-shadow: 0px 20px 15px rgba(0,0,0,0.9) !important;
	}

	.navigation .level0 .submenu {
		border-top: none !important;
	}

	.level0_category_text {
		float: left;
		position: relative;
		width: 100%;
		text-align: left;
		background: #aaa;
		margin: 4px 4px 10px 4px;
		width: calc(100% - 8px);
		max-height: 110px;
		height: 110px;
		background-size: cover;		
	}

	.navigation ul.level0:hover .level0_category_text {
		background-position-y: 100% !important;
		transition: all 10s;
	}

	.level0_category_text > div.bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(0deg, rgba(255,255,255,0) 35%, rgba(96,96,96,0.8) 100%);
	}

	.level0_category_text > div.text {		
		position: absolute;
		color: #fff;
		bottom: 20px;
		left: 30px;
		right: 30px;
		padding: 0 0 4px 0;
		font-size: 30px;
		font-weight: 400;
		border-bottom:1px dashed #eee;
	}

	/*******************************************/

	.megamenu_submenu_level1_wrapper {
		display: table;
		width: 100%;		
		padding: 0px 6px 6px 6px;
		/*background: linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(96,96,96,0.5) 100%);*/
	}

	.megamenu_cell {
		display: table-cell;
		/*border:1px solid #eee;*/
		padding: 10px;	
		vertical-align: top;		
	}

	.megamenu_cell li {
		border-radius: 2px;
	}

	.megamenu_left, .megamenu_right {
		min-width: 150px;
		width: 18%;
	}

	.megamenu_left a {
		color: var(--basic);
		font-weight: 600 !important;
		border:1px solid #eee;
		margin-bottom: 10px;
	}

	.megamenu_mid_top {		
		min-height: 50px;
		border-bottom:1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 12px;
		overflow: auto;
	}

	/********************************/
	li[position=exposed_left], li[position=exposed_right] {				
		min-width: 15%;
		width: 100%;
		word-wrap: normal;
		text-align: left;
		font-weight: 500;
	}

	li[position=exposed_left]:hover a, li[position=exposed_right]:hover a {
		background: var(--basic) !important;
		color: #fff !important;
	}

	li[position=exposed_left] a, li[position=exposed_right] a {
		padding: 4px 10px 4px 10px;
	}
	
	/********************************/
	.megamenu_mid_top li.level1 { 
		min-width: 150px;
		width: 21%;
		margin: 0 2% 12px 2% !important;
		height: 120px;
		float: left;
		background-size: cover !important;
		position: relative;
	}
	
	.megamenu_mid_top li.level1 a { 
		position: absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		bottom: 0px;
		color: #fff !important;
		font-weight: 600 !important;
		text-transform: uppercase;		
		background: linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(0,0,0,0.8) 100%) !important;			
	}

	.megamenu_mid_top li.level1 a span { 
		position: absolute;
		bottom: 12px;
		left: 13px;
		right: 13px;		
		font-size: 16px;
    	letter-spacing: 1px;
	}
	
	.megamenu_mid_top li.level1 a:hover { 
		background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.95) 100%) !important;
		transition: all 200ms;
	}

	.megamenu_mid_top .rm-expand {
		display: none;
	}

	/********************************/
	.megamenu_mid_bottom li.level1 {		
		float: left;
		min-width: 150px;
		width: 21%;
		margin: 0 2% !important;
		padding: 0;
		text-align: left;
		font-weight: 500;
	}

	.megamenu_mid_bottom li.level1 a {
		padding: 6px 20px 6px 8px !important;	
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.megamenu_mid_bottom li.level1 a:hover {
		background: var(--basic) !important;
		color: #fff !important;
	}

	li.level1 a:hover .ui-menu-icon {
		color: #fff !important;
	}

	.navigation .level0 .submenu .active>a {
		border-color: transparent !important;
	}

	.navigation .level0 .submenu .megamenu_left .active > a {
		border: 1px solid var(--border-color) !important;
	}

	.megamenu_mid_top li.level1 a span:after {
		display: none !important;
	}

}