/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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


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

/* Level 1 */
.menu-dropdown,
.menu-dropdown li.level1 {
  margin-left: 0px;
}
.menu-dropdown li.level1 { 
  border-left: 1px solid #F4F4F4;

}
.menu-dropdown li.level1:last-child { 
  border-right: 1px solid #F4F4F4;
}

.module.mod-box.black-menu.deepest {
  padding: 0;
  background: none;
  border: none;
  text-align: center;
  height: 37px;
	margin: 0;
}

.module.mod-box.black-menu.deepest ul{
  padding: 0;
  background: none;
  border: none;
	display: inline-block;
}

.module.mod-box.black-menu.deepest ul li{
  padding: 0;
  background: none;
  border: none;
  border-left: 1px solid #676F7C;
  color: #D4D7DF;
  float: left;
  padding: 4px 20px;
}

.module.mod-box.black-menu.deepest ul li a{
color: #D4D7DF;
}

.module.mod-box.black-menu.deepest ul li:hover,
.module.mod-box.black-menu.deepest ul li.active,
.module.mod-box.black-menu.deepest ul li.current{
background:#EFEFEF;
}

.module.mod-box.black-menu.deepest ul li:hover a,
.module.mod-box.black-menu.deepest ul li.active a,
.module.mod-box.black-menu.deepest ul li.current a{
color: #4b4b4b;
}
.module.mod-box.black-menu.deepest ul li:last-child {
  border-right: 1px solid #676F7C;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
        font-weight:400;
        color: #ababab;
        height: 53px;
        padding-top: 20px;
        line-height: 53px;
        border-bottom: 1px solid transparent;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

/* Set Active */
.menu-dropdown li.active .level1 {
        position: relative;
        /*color: #626262;*/
        color: #ffffff;
        border-bottom: 1px solid #018fff;
}
.menu-dropdown li.active .level1 span{
  color: #ffffff;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
        color: #018fff;
        border-bottom: 1px solid transparent; 
        border-bottom-color: #018fff;
}

/* Drop-Down */
.menu-dropdown .dropdown {
  top: 85px;
}

.menu-dropdown .dropdown-bg > div {
        color: #ababab;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #ddd;
}

.menu-dropdown li.level1.parent:hover:after,
.menu-dropdown li.remain.parent:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 6px;
      border-style: solid;
      border-color: #018fff transparent transparent transparent;
      top: 74px;
      left: 43%;
      z-index: 99;
}


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

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
        color: #ababab;
        padding: 0 5px;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

/* Set Hover */
.menu-dropdown a.level2:hover {
        padding: 0 10px;
        color: #fff;
        background: #018fff;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

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

/* Level 3 */
.menu-dropdown li.level3 { 
  margin: 0 5px;
}
.menu-dropdown li.level3:first-child { border: none; }

.menu-dropdown a.level3,
.menu-dropdown span.level3 { 
       color: #ababab;
       padding-left: 15px;
       background-position: 0;
       background-repeat: no-repeat;
       background-image: url(../images/level3.png);
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

/* Set Hover */
.menu-dropdown a.level3:hover {
       color: #fff;
       padding-left: 15px;
       background: #018fff;
       background-position: 0;
       background-repeat: no-repeat;
       background-image: url(../images/level3.png);
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

/* 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 li > span:hover { color: #018fff; transition: all 0.3s ease-in-out 0s; }

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

/* Level 1 */
.menu-sidebar li.level1 { border-top: 1px solid #ddd; }
.menu-sidebar li.level1:first-child { border-top: none; }

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

/* Level 2-4 */
.menu-sidebar a.level2,
.menu-sidebar span.level2 { 
       padding-left: 15px;
       background-position: 0;
       background-repeat: no-repeat;
       background-image: url(../images/sidebar-level.png);
}
.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;
}