/** 
 ** menu.css
 **
 ** A 3-levels style of the site menu.
 **
 ** $Revision: 1.0$
 ** $Date: 2023-05-30$
 ** Author: Charles Sun
 ** Copyright: Montage Technology Co., Ltd.

 ** 
 ** <!-- THEME DEBUG -->
 ** <!-- THEME HOOK: 'block' -->
 ** <!-- FILE NAME SUGGESTIONS:
 **    * .html.twig
 **    * block--montage3-mainmenuenglish.html.twig
 **    * block--system-menu-block--main-menu-english.html.twig
 **    x block--system-menu-block.html.twig
 **    * block--system.html.twig
 **    * block.html.twig
 ** -->
 ** <!-- BEGIN OUTPUT from 'themes/custom/montage3/templates/block--system-menu-block.html.twig' -->
 ** 
 ** <nav role="navigation" aria-labelledby="block-montage3-mainmenuenglish-menu" id="block-montage3-mainmenuenglish" class="site-menu block block-menu navigation menu--main-menu-english ml-lg-auto">
 **             
 **   <h2 class="sr-only" id="block-montage3-mainmenuenglish-menu">Main Menu English</h2>
 **   
 **   <!-- THEME DEBUG -->
 **   <!-- THEME HOOK: 'menu__main_menu_english' -->
 **   <!-- FILE NAME SUGGESTIONS:
 **      * menu--main-menu-english.html.twig
 **      x menu.html.twig
 **   -->
 **   <!-- BEGIN OUTPUT from 'themes/custom/montage3/templates/menu.html.twig' -->
 ** 
 **     <ul id="block-montage3-mainmenuenglish" class="clearfix nav navbar-nav">
 **       <li class="nav-item menu-item--expanded dropdown"> <!-- Level 1 -->
 **         <a href="/Memory_Interface" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/114">Products</a>
 **         <ul class="dropdown-menu">
 **           <li class="dropdown-item menu-item--expanded dropdown"> <!-- Level 2 -->
 **             <a href="/Memory_Interface" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/114">Memory Interface</a>
 **             <ul class="dropdown-menu">
 **               <li class="dropdown-item"> <!-- Level 3 -->
 **                 <a href="/Memory_Interface" class="nav-link" data-drupal-link-system-path="node/114">Overview</a>
 **               </li>
 **             </ul>
 **           </li>
 **           <li class="dropdown-item">
 **             <a href="/DDR5_SPD_PMIC_TS" class="nav-link" data-drupal-link-system-path="node/280">DDR5 PMIC, SPD &amp; TS</a>
 **           </li>
 **         </ul>
 **       </li>
 **     </ul>
 ** 
 **   <!-- END OUTPUT from 'themes/custom/montage3/templates/menu.html.twig' -->
 **
 ** </nav>
 **
 ** <!-- END OUTPUT from 'themes/custom/montage2a/templates/block--system-menu-block.html.twig' -->
 **
 **/

@import '../variables.css';


/* site menu */
/* shadow of the site menu on small display */
.navbar-collapse {
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); 
  padding: 15px;
}
@media (min-width: 992px) {
  .navbar-collapse {
    box-shadow: none;
    padding: 0px;
  }
}
/* Hide dropdown indicator in the site menu */
.site-menu .nav-item > .dropdown-toggle::after {
    display: none;
}
/* remove dropdown menu border in small display. */
.dropdown-menu {
  border-style: none;
}
@media (min-width: 992px) {
  .dropdown-menu {
    border-style: solid;
  }
}
/* menu item */
/* override bootstrap menu background */
.dropdown-item.active,
.dropdown-item:active {
  background-color: unset;
}
.dropdown-item:hover {
  background-color: unset;
}
/* menu item font */
.site-menu .navbar-nav .nav-link {
  color: black;
  font-size: medium;
}
.site-menu .navbar-nav .nav-link:hover {
  color: var(--accent);
  text-decoration: none;
  cursor: pointer;
}
.site-menu a:hover {
  color: var(--accent);
  text-decoration: none;
}
.site-menu .dropdown-item .nav-link {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
} 

/* L1 menu */
/* left spacing of the menu items */
.site-menu .nav-item {
  margin-left: 1rem;
}

/* L2 menu */
.site-menu .nav-item > .dropdown-menu {
  margin-top: 0;
}
.site-menu a{
  color:black;
}
.dropdown-menu:has(.show) {
  display: block;
}

/* L3 menu */
.dropdown-menu .dropdown-menu.show {
  position: relative;
  border-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-menu .dropdown-menu .nav-link {
  font-size: 0.8rem;
}