/*
 *
 * Here are a few needed CSS additions to integrate bootstrap truly into WordPress,
 * We kept this slim as possible. Try to avoi any overwriting if not really needed.
 */ 
/* First fixing the dropdown menu.
 * Most stuff is handled by the walker, but some styles need to be added too.
 * Here we are removing the ">" from the original bootstrap styles, so it works for 2nd and 3rd level dropdown too..
 * (actually not cool to use more than 1 level dropdown, but if YOU or your users want to do this, it won't break the layout now ;) 
called inside @media for hover dropdown .navbar-nav > li:hover > .dropdown-menu { display: block;}
  */
.dropdown-menu li a { display: block; padding:6px 15px; clear: both; font-weight: 300; line-height: 1.428571429; color: #333; white-space: nowrap; }
.dropdown-menu li a:hover, .dropdown-menu li a:focus { color: #111; text-decoration: none; background-color: #357ebd;}
.dropdown-menu ul { list-style: none; }

/* Some modified padding for the bootstrap container.
 * Now you can make many styles of design easily.
 * Try with giving the .container class just a background colour and have a look. ;)

.container { padding: 0 15px 15px 15px; }

 */
 
/* Multi Leve dropdown using bootstrap nav walker */

.dropdown-submenu { position:relative; }
.dropdown-submenu>.dropdown-menu { top:0; left:100%; -webkit-border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; }
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; }
.dropdown-submenu:active>a:after { border-left-color:#ffffff; }
.dropdown-submenu.pull-left { float:none; }
.dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:4px 0 4px 4px; -moz-border-radius:4px 0 4px 4px; border-radius:4px 0 4px 4px; }

.navbar-nav > li:hover > .dropdown-menu { display: block;}