﻿/*
    Main Menu Layout CSS
    Theme Name: Mentor
    Description: A Business Minded WordPress Theme 
    Author: Pixelentity
    Email: helpdesk@pixelentity.com
    Website: http://pixelentity.com/
    Stock: http://themeforest.net/user/pixelentity
    Version: 1.0
*/

    .navbar-fixed-top{
        position:relative;
        margin-bottom:0;
    }
    
    .navbar .brand{
        padding:0;
        margin-left:0px;
        bottom:0;
    }
    
    .navbar .nav{
        float:right;
        margin-top:83px;
    }
    
    .navbar .nav > li{
        margin-right:15px;
    }
    
    .navbar .nav > li > a{
        padding:8px 10px;
    }
    
    .navbar .nav > li.last{
        margin-right:0;
    }
    
    .dropdown .caret{
        margin-left:8px;
        margin-top:9px;
    }
    
    .navbar .dropdown-menu:after,
    .navbar .dropdown-menu:before{
        content:none;
        border:none;
    }
    
    .navbar .dropdown-menu{
        margin-top:-2px;
        position:absolute;
        left:-9999px !important;
    }
    
    
    .navbar .dropdown-menu a{
        padding:5px 15px;
    }
    
    .navbar .nav > li.dropdown:hover > .dropdown-menu{
        left:0 !important;
    }
    
    .navbar .nav > li.dropdown:hover .dropdown-menu.rightAlign{
        right:0 !important;
        left:auto !important;
    }
    
    
    
    
    /*3rd level*/
    .dropdown-menu a span{
        margin-top:2px;
        margin-left:5px;
    }
    
    .dropdown-menu.sub-menu {
        left:-9999px !important;
        position: absolute;
        top: 0;
        visibility: hidden;
        display:none !important;
        margin-top:-6px;
    }
    
    .dropdown-menu .sub-menu {
        left:-9999px !important;
        position:absolute;
    }
    
    .dropdown-menu li{
        position:relative !important;
    }
    
    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
        display:block;
        left:100% !important;
        position:absolute !important;
    }
    
    .rightAlign li:hover .sub-menu {
        left:-101% !important;
        position:absolute !important;
    }
    
    .navbar .nav > li.dropdown ul.dropdown-menu li:hover .rightAlign.sub-menu {
        left:-101% !important;
        right:auto !important;
        position:absolute !important;
        min-width:162px;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .navbar .nav .nav-header {
        display: block;
        padding: 3px 15px;
    }
    
    
    /*transitions*/
    
    .navbar .nav .dropdown-menu,
    .navbar .nav .dropdown-menu .sub-menu{
        display:block !important;
        visibility:hidden;
        opacity:0;
        -webkit-transition: opacity 0.2s linear;  
		   -moz-transition: opacity 0.2s linear;  
			-ms-transition: opacity 0.2s linear;  
			 -o-transition: opacity 0.2s linear;  
				transition: opacity 0.2s linear;
                
    }
    
    .navbar .nav > li.dropdown:hover > .dropdown-menu,
    .navbar .nav .dropdown-menu li:hover .sub-menu{
        display:block;
        opacity:1 !important;
        visibility:visible;
    }
    
    
    
    /*x-large desktop*/
    /*----------------------------------------------------------------------*/
    
    @media (min-width: 1200px) {
        
    }
    
    

    /*normal desktop*/
    /*----------------------------------------------------------------------*/
    @media (min-width: 980px) {
        
        .navbar .nav-collapse{
            height:auto !important;
        }
    }
    
    
    
    
    /*tablet landscape*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 979px) {
        
    }
    
    
    /*iPad portrait*/
    /*----------------------------------------------------------------------*/
    @media (min-width: 768px) and (max-width: 979px) {
        
        .navbar .nav-collapse{
            height:auto !important;
            clear:none;
            overflow:visible;
        }
        
        .navbar-inner .container{
            width: 724px;
            margin-left:auto;
            margin-right:auto;
        }
        
        .btn-navbar {
            display: none;
        }
        
        .navbar-fixed-top .navbar-inner{
            padding:0;
        }
        
        .navbar .nav{
            margin-bottom:0;
            margin-right:0;
            margin-top:78px;
        }
        
        .navbar .nav > li {
            float:left;
            margin-right:0;
        }
        
        .navbar .nav > li > a {
            margin-bottom:0;
            padding: 10px 10px 11px;
        }
        
        .navbar .brand{
            margin-left:0;
        }
        
        .navbar .nav > li.dropdown:hover .dropdown-menu{
            display:block !important;
        }
        
        .navbar .dropdown-menu{
            display:none;
            float: left;
            left: 0;
            margin:0 !important;
            margin-top: -2px !important;
            min-width: 160px;
            padding: 4px 0;
            position: absolute;
            top: 100%;
            z-index: 1000;
        }
        
        
        
        .navbar .dropdown-menu a:hover {
          background-color: #9aae4c;
        }
        
        .navbar .dropdown-menu .divider {
            display: block;
        }
        
        .navbar .nav > li.dropdown:hover .dropdown-menu{
            display:block !important;
        }
        
        /*3rd level menu*/
        
        .dropdown-menu .sub-menu {
            left: 100%;
            position: absolute;
            top: 0;
            visibility: hidden;
            display:none;
            margin-top: -6px !important;
        }
    }
    
    
    /*iphone landscape*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 767px) {
        
        .reporter .max767{
            display:block;
        }
        
        .navbar-fixed-top .navbar-inner{
            padding-bottom:0;
        }
        
        .navbar .nav .dropdown-menu,
        .navbar .nav .dropdown-menu .sub-menu{
            display:block !important;
            visibility:visible !important;
            opacity:1 !important;  
        }
        
        /*navbar dropdown btn*/
        
        .navbar .btn, .navbar .btn-group {
            margin-top: 10px;
            margin-right:0;
            padding:4px 10px;
        }
        
        .btn-navbar .btnTitle{
            margin-right:8px;
        }
        
        .navbar .brand img{
            display:none;
        }
        
        .navbar .brand{
            height:30px;
            width:140px;
            margin: 8px 10px 0 0;
            padding-bottom:8px;
        }
        
        .navbar .nav{
            float:none;
            margin-top:15px;
        }
        
        .navbar .nav > li{
            margin-right:0;
        }
        
        .navbar .nav > li.last{
            margin-right:0px;
        }
        
        .navbar .dropdown-menu{
            margin:0;
            margin-top:-1px;
            position:static;
        }
        
        .navbar .dropdown-menu li + li a{
            margin:0;
        }
        
        .navbar .dropdown-menu li a{
            padding-left:20px;
        }
        
        /*3rd level menu*/
        
        .dropdown-menu .sub-menu {
            position: static !important;
            top: auto;
            opacity:1 !important;
            visibility: visible !important;
            display: block !important;
            float: none;
            left: auto;
        }
        
        .dropdown-menu .sub-menu li a{
            padding-left:30px;
        }
        
        .dropdown-menu li a span{
            /*display:none;*/
        }
        
        .navbar .nav .nav-header {
            padding-left:20px;
        }
        
        .dropdown-menu .sub-menu .nav-header{
            padding-left:30px;
        }
        
        /*reset rightalign*/
        .dropdown-menu.sub-menu {
            left:0 !important;
            visibility: visible !important;
            display:block !important;
            margin-top:0;
        }
        
        .dropdown-menu .sub-menu {
            left:0px !important;
            position:relative;
        }
        
        .rightAlign li:hover .sub-menu{
            left:0 !important;
            position:relative !important;
        }
        
        .navbar .nav > li.dropdown ul.dropdown-menu li:hover .rightAlign.sub-menu,
        .navbar .nav > li.dropdown:hover .dropdown-menu.rightAlign{
            left:0 !important;
            width:100% !important;
            right:auto !important;
            top:auto !important;
            position:relative !important;
        }
        
        .dropdown-menu li:hover .sub-menu {
            visibility: visible;
            left:0 !important;
            position:relative !important;
        }
        
        
        
    }
    
    
    /*iPhone portrait width*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 480px) {
        
        
        
    }
    
    
   
    
    
    
    
    
    