.third-skin.hb-effect-2 #main-nav>li>a{color:var(--hb-gray-50)}.third-skin.hb-effect-2 #main-nav>li>a:hover{color:var(--hb-black)!important}.hb-effect-2 a{padding:var(--hb-space-2) 0}.hb-effect-2 #main-nav>li>a>span:after{content:"";opacity:0;width:100%;height:2px;transition:opacity var(--hb-duration-slow), transform var(--hb-duration-slow);position:absolute;top:100%;left:0;transform:translateY(10px)}.hb-effect-2 #main-nav>li>a:hover span:after,.hb-effect-2 #main-nav>li>a:focus span:after,.hb-effect-2 #main-nav>li.current-menu-item>a span:after,.hb-effect-2 #main-nav>li.current-menu-ancestor>a span:after,.hb-effect-2 #main-nav>li.sfHover>a span:after{opacity:1;transform:translateY(0)}