/* left menu */

/* deprecated - empty div; placeholder for background definitions to be used anywhere in the theme*/
#menu-bg {
    display:none;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:252px;;
    height:100%;
/* left bg
    background-image:url(/themes/mumu/img/menu-hg.gif);
    background-repeat:repeat-y;
*/
}

#page-menu {
    padding:0;
    float:left;
    width:252px;
    font-size:1em;
    line-height:1em;
    padding-bottom:8em;
    position:absolute;
    z-index:3;
    top:98px;
/*    background-image:url(/themes/mumu/img/menu-hg.gif) */
}

#page-menu-mobile {
    display: none;
/*    width:100%;*/
/*    font-size:5em; */
/*    line-height:1.6em; */
    position: absolute;
    z-index: 3;
    top: 2.2em;
    background-color: #f19b1f;
    opacity: 1;
    width: 100%;
    font-size: 1.1em;
    padding-top: 2em;
    padding-left:0.1em;
}

#page-menu-mobile-link {
    display: block;
    text-align: center;
    border: 1px solid #333333;
    position: absolute;
    z-index:12;
    top:3em;
    right: 120px;
    white-space: nowrap;
    overflow: hidden;
    background-color:#f19b1f;
    width: 78px;
    height: 35px;
}

#page-1-header-mobile ~ #page-menu-mobile-link{
    top:0;
}

#page-1-header-mobile  #language-select{
    top: 0.3em;
}

#page-1-header-mobile ~ #menu-button{
   position: absolute;
}

#page-1-header-mobile ~ #page-menu-mobile{
   top: 0;
   padding-top: 2.5em;
}


#page-menu-mobile-link img {
   width:78px;
   height:35px;
   margin:0;
}

#page-menu-mobile-link a:link,
#page-menu-mobile-link a:visited,
#page-menu-mobile-link a:active
{
    text-decoration:none;
    color: #000000;
}

#copyright {
    margin:2em 1.4em 0 0.8em;
    font-size:0.8em;
    line-height:1em;
}

#copyright-mobile {
    margin:2em 1.4em 0 0em;
    font-size:0.8em;
    line-height: 1em;
}


.menu-bullet {
    display: block;
    float:left;
    margin:0.4em 0.2em 0 0.2em;
    width:0.3em;
    height:0.3em;
    border:0;
}

#page-menu .menu-level-1 {
}
#page-menu .menu-level-1-active {
}

#page-menu-mobile .menu-level-1-menuheader {
	display: list-item;
	list-style: none inside;
	text-indent: 0em;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}

#page-menu-mobile .menu-level-1-active-menuheader {
	background-color:#f19b1f;
	opacity: 0.8;
	padding:0.15em 0 0.15em 0;
	font-weight: bold;
	display:block;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}

.menu-level-2,
.menu-level-2-active,
.menu-level-3,
.menu-level-3-active
{
	white-space: nowrap;
}

/* level 2, contains of a, only */
#page-menu .menu-level-2 {
	padding:0.1em 0 0.1em 0;
	display:block;
}

#page-menu-mobile .menu-level-2 {
	display: list-item;
	list-style: none inside;
	text-indent: 0em;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}

#page-menu .menu-level-2-active {
	background-color:#f19b1f;
	opacity: 0.8;
	padding:0.15em 0 0.15em 0;
	font-weight: bold;
	display:block;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}

#page-menu-mobile .menu-level-2-active {
	display: list-item;
	list-style: none inside;
	text-indent: 0em;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
	font-weight: bold;
}

/* level 3 */
#page-menu .menu-level-3 {
	background-color:#f19b1f;
	text-indent:1.4em;
	padding:0.1em;
	display:block;
}

#page-menu-mobile .menu-level-3 {
	display: list-item;
	list-style: none inside;
	text-indent: 1em;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}

#page-menu .menu-level-3-active {
	background-color:#f19b1f;
	text-indent:1.4em;
	padding:0.1em;
	font-weight: bold;
	display:block;
}

#page-menu-mobile .menu-level-3-active {
	display: list-item;
	list-style: none inside;
	text-indent: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}


/*
.menu-level-2-active a:link,
.menu-level-3-active a:link {
}

.menu-level-2 a:hover,
.menu-level-3 a:hover {
}
*/

#page-menu a {
	display:block;
	width:100%;
}

#page-menu a:hover {
    text-decoration:none;
}

#page-menu .menu-level-2:hover,
#page-menu .menu-level-3:hover
{
	background-color:#f19b1f;
	cursor: pointer;
}

#page-menu .parentMenu:hover
{
	background-color:#f19b1f;
	opacity: 1;
}

#page-menu .childMenu {
	display: none;
	position:absolute;
	left: 0px;
	width: 100%;
	border-bottom: 1px solid #000000;
}

#page-menu .childMenu-active {
	display: block;
	position: relative;
	opacity: 0.8;
	line-height:1.1em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

#page-menu .childMenu-active .menu-level-1:hover,
#page-menu .childMenu-active .menu-level-2:hover,
#page-menu .childMenu-active .menu-level-3:hover
{
	opacity: 1;
}


#menu-button{
  display: inline-block;
  cursor: pointer;
  padding-left: 1em;
  position: relative;
  z-index: 4;
}

/*#menu-button.menu-start {
  top: 75vh;
  text-align: center;
  padding: 0;
}
*/

#menu-button .menu-bar1,
#menu-button .menu-bar2,
#menu-button .menu-bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

#menu-button.menu-opened .menu-bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;
}

#menu-button.menu-opened .menu-bar2 {
  opacity: 0;
}

#menu-button.menu-opened .menu-bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}