/**
 * Bootstrap 5 Multi Level Menu
 * https://bootstrap-menu.com/detail-multilevel.html
 */

/**
 * Desktop View
 */
@media all and (min-width: 992px) {

	.dropdown-menu li { position: relative; }
	.dropdown-menu .submenu { display: none; position: absolute; left:100%; top:-7px; }
	.dropdown-menu .submenu-left { right:100%; left:auto; }
	.dropdown-menu > li:hover { background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu { display: block; }

}	

/**
 * Mobile View
 */
@media (max-width: 991px) {

   .dropdown-menu .dropdown-menu { margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem; }

}