/* 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 a.level1,
.menu-dropdown span.level1 {
  border-right: 1px solid #3b4259;
  box-shadow: inset 0px 0px 0 1px #000;
  color: #79841b;
  text-shadow: none;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span { padding: 5px 12px; }

.menu-dropdown:first-child li.level1:first-child .level1 { border-top-left-radius: 4px; }

.sidebar-a-left .menu-dropdown:first-child li.level1:first-child .level1, 
.sidebar-b-left .menu-dropdown:first-child li.level1:first-child .level1 { border-top-left-radius: 0; }

/* Set Active */
.menu-dropdown a.level1.active { 
  background: #141319;
  background: -o-linear-gradient(top, #141319 0%, #000 100%);
  background: -webkit-linear-gradient(top, #141319 0%, #000 100%);
  background: -moz-linear-gradient(top, #141319 0%, #000 100%);
  background: linear-gradient(to bottom, #141319 0%, #000 100%);
  box-shadow: none;
  color: #737d99;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
  margin-left: -1px;
  border-left: 1px solid #3c486e;
  border-right: 1px solid #3b4259;
  border-bottom: 1px solid #282e41;
  background: #000;
  background: -o-linear-gradient(top, #141319 0%, #000 90%);
  background: -moz-linear-gradient(top, #141319 0%, #000 90%);
  background: -webkit-linear-gradient(top, #141319 0%, #000 90%);
  background: linear-gradient(to bottom, #141319 0%, #000 90%);
  box-shadow: inset 0 1px 8px rgba(20,20,25,0.2);
}

.menu-dropdown:first-child li.level1:first-child:hover .level1,
.menu-dropdown:first-child li.remain:first-child .level1 {
  margin-left: 0;
  border-left: none;
}

.menu-dropdown li.level1.parent:hover .level1,
.menu-dropdown li.remain.parent .level1 { box-shadow: inset 0 4px 6px -2px rgba(0,20,50, 0.26); }
.menu-dropdown li.level1.parent:hover .level1 > span,
.menu-dropdown li.remain.parent .level1 > span { height: 32px;}

.sidebar-a-left .menu-dropdown:first-child li.level1:first-child:hover .level1,
.sidebar-a-left .menu-dropdown:first-child li.remain:first-child .level1,
.sidebar-b-left .menu-dropdown:first-child li.level1:first-child:hover .level1,
.sidebar-b-left .menu-dropdown:first-child li.remain:first-child .level1 { border-top-left-radius: 0; }

/* Set OnClick */
.menu-dropdown li.level1:active .level1 { 
  background: #141319; 
  background: -o-linear-gradient(top, #141319 0%, #000 90%);
  background: -webkit-linear-gradient(top, #141319 0%, #000 90%);
  background: -moz-linear-gradient(top, #141319 0%, #000 90%);
  background: linear-gradient(to bottom, #141319 0%, #000 90%);
}

/* Drop-Down */
.menu-dropdown .dropdown {
  top: 40px;
  left: -6px;
}

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip { right: -5px; }

.menu-dropdown .dropdown-bg > div {
  font-family: "YanoneKaffeesatzRegular";
  font-size: 18px;
  margin: 5px;
  margin-top: 0px;
  padding: 5px;
  border: 1px solid #3b4259;
  border-top: 1px solid #282e41;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #141319;
  background: -o-linear-gradient(top, #000 0%, #141319 100%);
  background: -webkit-linear-gradient(top, #000 0%, #141319 100%);
  background: -moz-linear-gradient(top, #000 0%, #141319 100%);
  background: linear-gradient(to bottom, #000 0%, #141319 100%);
  box-shadow: 0 2px 5px rgba(20,20,25,0.2), 
        inset 0 0 0 1px #000;
  background-clip: padding-box;
}

/* Level 2 */
.menu-dropdown a.level2 { color: #4e550f; }
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 5px 10px; }

/* Set Hover */
.menu-dropdown a.level2:hover,
.menu-dropdown a.current.level2:hover { 
  border-radius: 5px;
  color: #79841b;
}

/* Set Current */
.menu-dropdown a.current.level2 { color: #4d5d86; }

/* Level 3 */
.menu-dropdown a.level3 {
  margin-left: 10px; 
  padding-left: 15px;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #79841b;
}
 
/* Set Hover */
.menu-dropdown a.current.level3:hover,
.menu-dropdown a.level3:hover { background-position: 0 -30px; }

/* Set Current */
.menu-dropdown a.current.level3 { 
  background-position: 0 -60px; 
  color: #79841b;
} 


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

.module.mod-box .menu-sidebar {
  margin: -20px -15px;
  border-radius: 3px;
  overflow: hidden;
}

.mod-box .module-title + .menu-sidebar {
  margin-top: 0;
  padding-top: 4px;
  background: url(../images/module_box_dark_sidebar_header.png) 0 0 repeat-x;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

/* Level 1 */

.menu-sidebar li.level1 { background: url(../images/menu_sidebar_level1.png) 0 0 repeat-x; }
.menu-sidebar li.level1:first-child { background: none; }

.menu-sidebar li.level1 .level1 > span { padding: 7px 15px; }

/* Hover */
.menu-sidebar li.level1 .level1:hover {
  color: #000;
  text-shadow: none;
}

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

.menu-sidebar li.parent .level1 > span:hover,
.mod-box-dark .menu-sidebar li.parent .level1 > span { background-position: 100% -60px; }

.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }
.menu-sidebar li.parent.active .level1 > span:hover,
.mod-box-dark .menu-sidebar li.parent.active .level1 > span { background-position: 100% -90px; }


/* Current */
.menu-sidebar li.current .level1 { 
  background: #141319;
  background: -o-linear-gradient(top, #000 10%, #141319 100%);
  background: -webkit-linear-gradient(top, #000 10%, #141319 100%);
  background: -moz-linear-gradient(top, #000 10%, #141319 100%);
  background: linear-gradient(to bottom, #000 10%, #141319 100%);
  box-shadow: 0 -1px 0 rgba(20,20,25,0.1);
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  color: #79841b;
}

/* Level 2-4 */
.module ul.level2 { margin: 0px 25px 0px 15px; }
.menu-sidebar ul.level2 ul { padding-left: 15px; }
.menu-sidebar ul.level2 a { 
  padding-left: 15px;
  background-position: 0 0;
  background-repeat: no-repeat; 
}

.menu-dropdown li.level3 { 
  font-size: 12px;
  line-height: 18px; 
}

.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 15px; }

/* Hover */
.menu-sidebar ul.level2 a:hover { background-position: 0 -30px; }

/* current */
.menu-sidebar .level2 a.current {
  background-position: 0 -60px;
  color: #79841b;
}


/* Module Box Dark */
.mod-box-dark .menu-sidebar a,
.mod-box-dark .menu-sidebar li > span { color: #DCE3EA;}

.mod-box-dark .menu-sidebar .level2 a:hover { text-shadow: 0 1px 0 rgba(20,20,25,0.5); }

.mod-box-dark .menu-sidebar .level2 a.current { 
  color: #79841b; 
  text-shadow: none;
}


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

#footer .menu-line { margin-bottom: 15px; }

.menu-line li {
  margin-left: 12px;
  padding-left: 14px;
  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-line li a { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }