/* =============================================================================
 *  header menus
 * ========================================================================== */
#header {
    box-shadow: none;
    margin-bottom: 2em;
    height: auto;    
    width: 100%;
    z-index: 100;
    padding: 50px 0;
}



@media screen and (max-width: 768px) {
    .region-header-inside-left {
        float: right
    }
    #block-system-main-menu {
        position: absolute;
        left: 0;
        top: 0px;
        width: calc(100% - 20px);
        background-color: rgba(255,255,255,0.8);
        padding-left: 20px;
        padding-bottom: 8px;
    }
    #header { padding: 13px 0; }
}

div.responsive-menus {
    max-width: 100%;
    /* don´t remove this - fixes screen resize bug */
}
#block-system-main-menu ul.menu {
    
}
#block-system-main-menu ul.menu li {
    display: block;  
    /*float: left;*/
    padding: 0;
    margin: 0;
}
#block-system-main-menu ul.menu li a, 
#logo, 
.responsive-menus.responsified span.toggler {
    border: none;
    margin-bottom: 0em;
    font-size: 16px;
    border-right: none;
    padding: .3em 0;
    display: block;
    color: black;
    text-decoration: none;
    text-transform: uppercase;    
}
.responsive-menus.responsified span.toggler {
    padding: 20px 20px;
}
#block-system-main-menu ul.menu li a:hover, .responsive-menus.responsified span.toggler {
    font-weight: 700
}
#block-system-main-menu ul.menu li a, .responsive-menus.responsified span.toggler {
    /*padding-top: 5px;*/    
}

#block-system-main-menu ul.menu li a.active, 
#block-system-main-menu ul.menu li.active-trail > a {
    font-weight: 700
}

#logo {
    padding: 15px 20px 5px 0px;
    font-size: 2.8em;
    line-height: .8em;
    position: relative;
    z-index: 10000;
    margin-right: 80px;
}
@media screen and (max-width: 768px) {
    #logo {
        font-size: 22px;
        padding: 22px 20px 16px 0px;
    }
}
@media screen and (max-width: 360px) {
    #logo {
        font-size: 18px;
    }
}

#sidebar-second {
    text-align: left;
    max-width: 210px;
}
/* --------------------------------------------------------- second level */


#block-system-main-menu ul.menu ul {
    display: none; 
    margin-bottom: 1.5em;
    border-top: 1px solid silver;    
}
#block-system-main-menu ul.menu li.active-trail > ul,
#block-system-main-menu ul.menu li a.active ~ ul{
    display: block
}
#block-system-main-menu ul.menu ul li {
    margin-left: 0;
}
#block-system-main-menu ul.menu ul li a {
    font-size: 11px;
    padding-bottom: 0em;
}

/* --------------------------------------------------------- third level */
#block-system-main-menu ul.menu ul ul {
    display: none; 
    margin-bottom: 1.5em;
    border-top: 1px solid silver;  
    /*border-bottom: 1px solid silver;*/  
    text-align: right
}
/* show only active item */
#block-system-main-menu ul.menu ul ul li {
    display: none;
    opacity: 0
}
#block-system-main-menu ul.menu ul li.active-trail:hover li,
#block-system-main-menu ul.menu ul ul li.active-trail {
    display: block;
    opacity: 1
}
/* hide third menu level in responsive menu*/
#block-system-main-menu .responsive-menus.responsified ul ul ul {
    display: none !important
}
/* ---------------------------------------------------------set active trails */


/* ---------------------------------------------------------responsive menu */
.responsive-menus.responsified span.toggler {
    float: right;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
    cursor: pointer;
    outline: none;

}
.responsive-menus.responsified.responsive-toggled span.toggler {
    border: none;
}
.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
    position: absolute;
    z-index: 999;
    top: 52px;
    background: #fff;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none;
    right: 0;
}
#block-system-main-menu .responsive-menus.responsified {
    clear: both;
    position: absolute;
    left: 0px;
    top: 12px;
    z-index: 999;
}
.logged-in #block-system-main-menu .responsive-menus.responsified {
    top: 42px;
}
.admin-menu.logged-in #block-system-main-menu .responsive-menus.responsified {
    top: 62px;
}
.responsive-menus.responsified .responsive-menus-simple li ul li a,
.responsive-menus.responsified .responsive-menus-simple li a,
.responsive-menus.responsified .responsive-menus-simple li ul li a.active,
.responsive-menus.responsified .responsive-menus-simple>li.last a {
    border-bottom: 1px solid #817c78;
    color: #817c78;
}
.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
        border-top: 1px solid #817c78;

}

/* =============================================================================
 *  6. exhibitor-menu
 * ========================================================================== */

#block-menu-menu-exhibitor-menu {
    position: absolute;
    top: 0px;
    left: inherit;
    right: 0;
    width: 100%;
    z-index: 100;
    background: black;
    padding-bottom: 0px;
    height: 30px;

}
#block-menu-menu-exhibitor-menu ul.menu li.active-trail, 
#block-menu-menu-exhibitor-menu ul.menu li.expanded:hover {
    width: auto;
    padding-right: 0;
    background: none;
}
#block-menu-menu-exhibitor-menu ul.menu li:hover ul {
    display: block;
    position: absolute;
    top: 100%;
    text-align: center;
}
.admin-menu #block-menu-menu-exhibitor-menu {
    top:20px;
}
#block-menu-menu-exhibitor-menu ul.menu {
    float: right;
    z-index: 1000;
    margin: 0;
}
#block-menu-menu-exhibitor-menu ul.menu li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    /*color: black;*/    
}
#block-menu-menu-exhibitor-menu ul.menu li a {
    border-bottom: 1px solid white;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 5px 0 6px;
    color: white;
}

/* 2nd layer */
#block-menu-menu-exhibitor-menu ul.menu ul {
    display: none;
    min-width: 105px;
    background: black;
}


/* =============================================================================
 *  left side menu
 * ========================================================================== */

@media screen and (min-width: 769px) {
    #block-system-main-menu {
        position: fixed;
        left: 0%;
        top: 150px;
        padding: 0px 0px 14px 4%;
        width: 164px;
    }
    .region-header-inside-left {
        float: left
    }
    #header {
        position: absolute;
        top:0;
    }

    #content {
        margin-left: 240px;
        margin-top: 155px;
    }
    .page-manage #content,
    .page-node-edit #content { 
        margin-left: 0;
    }
    #block-system-main-menu {
        float: none;
    }
    #block-system-main-menu ul.menu li {
        float: none;
    }
    /* adjustments for logged-in users */
    .logged-in #block-system-main-menu,
    .logged-in #content {
        padding-top: 30px
            /* height of exhibitor menu */
    }
    .admin-menu.logged-in #block-system-main-menu,
    .admin-menu.logged-in #content
    {
        padding-top: 50px;
        /* height of exhibitor menu + admin-menu*/
    }

}




/* ------------------------------------------------------------------------------------------------------------- */ 
/* ------------------------------------------------------------------ user menu -------------------------------- */ 
/* ------------------------------------------------------------------------------------------------------------- */