/*
 Responsive Mega Menu, Customized
 
 Paste your customized CSS below and call it on your HTML file like this:
	<link href="css/customized.css" rel="stylesheet">
 
 Important: It must reside in your CSS/ folder.
 
 Developed by Weborithm.
 Follow me on twitter.com/weborithm
 
*/

/** Start Pasting Below This Line **/
.navbar-custom { background-color:transparent; border-color: none; color: #3e3934; }

.navbar-custom .dropdown.mega-wide-full .dropdown-menu { left:0; right:0; padding-right:10px; }

.navbar-custom .dropdown-menu { background-color:#bebab9; border-color: #bebab9; margin:0 !important; left:0; right:0; }

.navbar-custom .dropdown-menu li.nav-title { color: #3e3934; }

.navbar-custom .dropdown-menu li.nav-title span.nav-title-description { color: #cccccc; }

.navbar-custom .navbar-brand { color: #777777; }

.navbar-custom .nav > li > a { color: #3e3934; font-weight:bold !important; }

.navbar-custom .nav > li > a:focus, .navbar-custom .nav > li > a:hover, .navbar-default .navbar-brand:hover { color: #3e3934; }

.navbar-custom .nav li.dropdown.open > .dropdown-toggle,
.navbar-custom .nav li.dropdown.active > .dropdown-toggle,
.navbar-custom .nav li.dropdown.open.active > .dropdown-toggle { background: #bebab9; color: #3e3934; }

.navbar-custom .nav li.dropdown:hover > .dropdown-toggle .caret { border-top-color: #3e3934; }

.navbar-custom .nav li.dropdown > .dropdown-toggle .caret,
.navbar-custom .nav li.dropdown.open a:hover .caret,
.navbar-custom .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-custom .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-custom .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #3e3934; }

.navbar-custom .nav li.dropdown.open a:hover .caret,
.navbar-custom .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-custom .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #3e3934; }

.navbar-custom .dropdown-menu li a { color: #3e3934; text-shadow: none; font-size:1.5em; border-bottom: solid 3px #bebab9; }

.navbar-custom .dropdown-menu li a.btn { color: inherit; }

.navbar-custom .dropdown-menu li a.btn:hover { color: #3e3934; padding-left: 0; }

.navbar-custom .dropdown-menu li a.btn-default:hover { color: #3e3934; }

.navbar-custom .dropdown-menu .active > a,
.navbar-custom .dropdown-menu li > a,
.navbar-custom .dropdown-submenu > a { padding: 0px 0; }

.navbar-custom .dropdown-menu li > a:hover,
.navbar-custom .dropdown-menu li > a:focus,
.navbar-custom .dropdown-submenu:hover > a { color: #3e3934; border-bottom-color: #cccccc; }

.navbar-custom .navbar-toggle .icon-bar { background-color: #3e3934; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.navbar-custom .navbar-toggle { background: #ffffff; border: none; }

.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus { background: #ffffff; color:white; }
/*.navbar-custom .navbar-toggle:hover .icon-bar { background-color:white;}*/

@media (max-width: 1023px) {

.navbar-custom p, .dropdown-menu li.nav-title span.nav-title-description { color: #999999; }

.navbar-custom .nav-collapse .btn { color: #bbbbbb; }

.navbar-custom .nav > li > a:hover { background: none; }

.navbar-custom .nav a { color: #ffffff; }

.navbar-custom .dropdown-menu li > a { border-bottom:none; }

.navbar-custom .dropdown-menu li > a:hover,
.navbar-custom .dropdown-menu li > a:focus,
.navbar-custom .dropdown-submenu:hover > a { color: #547c3a; background: none; padding-left: 3px; text-decoration:underline; }

.navbar-custom .navbar-collapse li.nav-title { color: #ffffff; border-bottom: 1px solid #bbbbbb; }
}