/*
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) {
}