/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/* underline-on-hover for top-level items only */
#header-menu .uabb-advanced-menu .uabb-menu > li > a {
  position: relative;
}

/* hidden line */
#header-menu .uabb-advanced-menu .uabb-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;           /* full width */
  bottom: -4px;       /* nudge below text; adjust to taste */
  height: 2px;        /* 2-point/2px line */
  background: #fff;   /* white */
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}

/* show line on hover/focus/active */
#header-menu .uabb-advanced-menu .uabb-menu > li:hover > a::after,
#header-menu .uabb-advanced-menu .uabb-menu > li > a:focus-visible::after,
#header-menu .uabb-advanced-menu .uabb-menu > li.current-menu-item > a::after {
  transform: scaleX(1);
}

/* (optional) only do this on desktop */
@media (max-width: 767.98px) {
  #header-menu .uabb-advanced-menu .uabb-menu > li > a::after { display: none; }
}