/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/menus.css);


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown { margin-bottom: -10px; }

.menu-dropdown li.nav-item {
  margin-right: 10px;
  padding-bottom: 10px;
}

.menu-dropdown a.nav-item,
.menu-dropdown span.nav-item { color: #777; }

/* Set Hover and Active */
.menu-dropdown li.nav-item:hover .nav-item,
.menu-dropdown li.remain .nav-item,
.menu-dropdown li.active .nav-item { color: #444; }

/* Drop-Down */
.menu-dropdown .dropdown {
  top: 40px;
  border-top: 1px solid #DDD;
}

.menu-dropdown .dropdown-bg > div {
  padding: 0 5px;
  border: 1px solid #DDD;
  border-top: none;
  background: #fff;
}

/* Level 2 */
.menu-dropdown li.level2 { 
  margin: 0 5px;
  border-top: 1px solid #e6e6e6;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 { color: #444; }

/* Set Hover */
.menu-dropdown a.level2:hover { color: #f16d1a; }

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: bold; } 

/* Level 3 */
.menu-dropdown a.level3 > span {
  padding-left: 15px;
  background: url(../images/menu_dropdown_level3.png) 0 50% no-repeat;
}

/* Set Hover */
.menu-dropdown a.level3:hover { color: #f16d1a; }

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: bold; } 


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #444; }

/* Hover */ 
.menu-sidebar a:hover,
.menu-sidebar a:hover, .menu-sidebar li > span:hover {
    color: #36b;
}

/* Current */
.menu-sidebar li.current a { font-weight: bold; }

/* Level 1 */
.menu-sidebar li.nav-item { /* border-top: 1px solid #ddd; -> disabled to remove the lines in the menu */ border:none;}
.menu-sidebar li.nav-item:first-child { border-top: none; }

.menu-sidebar li.parent .nav-item > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .nav-item > span { background-position: 100% -30px; }

/* Level 2-4 */
.menu-sidebar ul a > span {
  padding-left: 15px;
  background: url(../images/menu_sidebar_level2.png) 0 50% no-repeat;
}

.menu-sidebar ul.level2 ul { padding-left: 10px; }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
  margin-left: 7px;
  padding-left: 8px;
  background: url(../images/menu_line_item.png) 0 50% no-repeat;
}
  
.menu-line li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

.menu-sidebar span.icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    margin: -5px 5px -5px 0;
    vertical-align: middle;
    width: 10px !important;
}
li.nav-item img {
    vertical-align: middle;
}
li.nav-item a span {
    display: inline-block;
}
ul.menu-sidebar li a {
    padding: 2px 0;
    line-height: 20px;
}
ul.menu-sidebar li a:before {
    content:"";
    background-image: url(https://n360df.com/images/general/lair.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    margin: -5px 5px -5px 0;
    vertical-align: middle;
    width: 10px !important;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}