.navbar-light {
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.navbar-nav {
    .nav-item {
        position: relative;
        &:hover {
            @media (min-width: $lg) {
                &:before {
                    content: "";
                    width: 100%;
                    border-top: 4px solid $theme-color;
                    position: absolute;
                    top: 3px;
                }
            }
        }
        &.active {
            @media (min-width: $lg) {
                &:before {
                    content: "";
                    width: 100%;
                    border-top: 4px solid $theme-color;
                    position: absolute;
                    top: 3px;
                }
            }
            .nav-link {
                color: $theme-color;
            }
        }
        .nav-link {
            color: #3d3d3d;
        }
    }
}

.navbar-expand-lg {
    .navbar-nav {
        .nav-link {
            @media (min-width: $lg) {
                padding-right: 0.625rem;
                padding-left: 0.625rem;
                padding-bottom: 0;
                font-size: 1.0625rem;
            }
        }
    }
}

.navbar-toggler {
    padding: 0.3125rem;
}