/**
 * Top menu v2
 *
 * @package    BCF template
 * @author     Alejandro Caballero - lava.caballero@gmail.com
 */

/* Normal menu */

#header .special_menu_item { display: inline; }
#main_menu_trigger.main_menu_item { display: none; }

@media all and (max-width: 700px)
{
    #header .main_menu_item           { display: inline-block; }
    #header .special_menu_item        { display: inline-block; }
    #header .main_menu_item.current   { display: inline-block; float: none; }
    #main_menu_trigger.main_menu_item { display: none; }

    #header .menu .main_menu_item     { font-size: 0; white-space: nowrap; overflow: hidden; 
                                        padding-top: 10px; padding-bottom: 0; }
    #header .menu .main_menu_item .fa { font-size: 16pt; }
    #header .menu .main_menu_item#loggedin_username #logedin_user_name {
        display: none;
    }
}
@media all and (min-width: 481px) and (max-width: 700px)
{
    #__main_menu_logo { width: 72px; overflow: hidden; }
}

#header .main_menu_item.always_visible         { display: inline-block; }
#header .main_menu_item.always_visible.visible { display: inline-block; float: none !important; }
#header .main_menu_item.visible                { display: inline-block; float: none !important; }
#header .special_menu_item.visible             { display: inline-block; float: none !important; }

#header.fixed { position: fixed; top: 0; left: 0; right: 0; }

/* Admin menu */

#admin_menu_trigger      { display: none; }
#admin_menu_trigger.open { display: none; }

#admin_menu .item .fa { width: 1.28571429em; text-align: center; }

#admin_menu_trigger { display: none; }
#admin_menu .item   { display: inline-block; }
@media all and (max-width: 700px)
{
    #admin_menu_trigger       { display: none; }
    #admin_menu .item         { display: inline-block; }
    #admin_menu .item.current { display: inline-block; }
    
    #admin_menu .item { width: calc(1.28571429em + 14px); white-space: nowrap; overflow: hidden; }
}
@media all and (max-width: 480px)
{
    #admin_menu .current_item_version { display: none; }
}

#admin_menu .item.visible { display: inline-block; text-align: left; }