/* ------------------------------------------------------------ *\ Navbar nav \* ------------------------------------------------------------ */ .navbar { padding: 0 172px 0 92px; .navbar-login { margin-left: 85px; display: flex; align-items: center; font-weight: 600; color: $white; &:hover { color: #ca83a0; } } .navbar-login i { margin-left: 10px; } .navbar-brand { margin-right: 46px; } } /* ------------------------------------------------------------ *\ Navbar nav \* ------------------------------------------------------------ */ .navbar-nav { .nav-item + .nav-item { margin-left: 15px; } .nav-link { position: relative; font-weight: 600; color: $white; padding: 19px 18px !important; &:before { content: ''; display: inline-block; width: 0; height: 3px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: $white; transition: width .3s; } } .nav-link:hover { color: #ca83a0; } .nav-link.active:before { width: 100%; } .nav-link.active, .nav-link.show { color: $white; } } /* ------------------------------------------------------------ *\ Navbar nav alt \* ------------------------------------------------------------ */ .navbar-nav--alt { .dropdown-menu { position: static !important; max-width: 100%; transform: translate(0px, 0px) !important; } }