/* CSS Document
Author Name: LeeYee
Author E-mail: ab151088312@gmail.com
Creation Date: 27 Oct, 2020
Description: A default stylesheet for Find Do Directory Template, Developed By 99_Design.
*/
/*TODO NAVBAR 下拉選單的hover*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: inline !important;
        float: right;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .navbar-expand-lg {
        height: 50px !important;
    }

    .navbar-expand-lg .navbar-nav {
        float: right;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: -70px;
        top: 100%;
    }

}

.dropdown-item {
    width: auto;
}

.nav-item {
    position: relative
}

/* Border X get width  */
.nav-item a:before, .nav-item a:after {
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: rgba(170, 133, 133, 0.7);
    transition: all 0.3s;
}

.nav-item a:before {
    left: 0px;
    top: 0px;
}

.nav-item a:after {
    right: 0;
    bottom: 0;
}

.nav-item a:hover:before, .nav-item a:hover:after {
    opacity: 1;
    width: 100%;
}