// // navbar // //

.navbar {

padding-left: 0;
padding-right: 0;

}

.navbar-brand {

height: 35px;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: 3rem;
@include media-breakpoint-down(xs) { margin-right: 0rem; }

&.navbar-brand-sm { height: 36px; }
&.navbar-brand-lg { height: 56px; }

.navbar-logo {
        width: auto;
        max-height: 100%;
        display: none;
}

}

.navbar-nav {

.nav-item {
        + .nav-item {
                margin-left: 1rem;
        }
}

.nav-link {
        @include transition;
        font-size: $font-size-sm;
}

}

.navbar-toggler {

padding: 0!important;
border: 0;

}

// Responsive // // Mobile View for Navbar @include media-breakpoint-down(lg) {

.navbar-logo-dark {
        display: block!important;
}

.navbar {
        .navbar-toggler {
                padding: .5rem;
                color: $navbar-light-color;
                border-color: $navbar-light-toggler-border-color;
                border-radius: 50%;
        }

        .nav-item {
                + .nav-item {
                        margin: 0;
                }

                .nav-link {
                        padding: 5px 0;
                        color: $body-color;

                        &:focus,
                        &:hover {
                                color: $canalplus;
                        }
                }

                &.show,
                &.active {
                        .nav-link {
                                color: $canalplus;
                        }
                }
        }
}

.navbar {
        .banner {
                display: none;
        }
}

.navbar-nav {

        .nav-item {
                width: 100%;
                padding: .5rem 0;

                .btn {
                        display: block;
                        background-color: $primary;
                        color: $white;
                }
        }
}

}

.overlay-active {

.headroom {
        max-height: 100vh;
        overflow: hidden;
        overflow-y: scroll;
}

}