// main: global.scss
.strong-banner {
  padding-top       : 20px;
  padding-bottom    : 10px ;
  background-color  : $header-background;
  color: $header-color;
}


.navbar-inverse {
  background-color  : $header-background;
  background-color : transparent ;
  border-style	   : none ;
    .navbar-nav {
        & > .open > a,
        & > .open > a:focus,
        & > .open > a:hover {
            color: #fff;
            background-color: $header-second-backgroud;
        }
    }
}

.navbar-collapse {
    border-top: 0px solid transparent ;
    padding : 0px ;

    /* only < 768px*/
    background-color  : $header-second-backgroud;
    padding-left: 25px;
    margin-left: -15px;
    margin-right: -15px;

    @media (min-width: 768px) {
        background-color  : transparent;
        padding-left: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}


.navbar-nav {
    width: 100%;
    @media (min-width: 768px) {
        float : right ;
        width: auto;
    }
}

.navbar-inverse {
    /* BRAND */
    .navbar-brand {
        &,
        &:hover,
        &:focus {
            color: white;
            font-family: $font_brand;
            font-size: xx-large;
            border-bottom: 5px solid $underline-brand;
        }
    }
    /* ICONE */
    .navbar-toggle {
        &,
        &:hover,
        &:focus {
            background-color: $second_bold_color;
            border-color: $second_bold_color;
        }
        .icon-bar {
            background-color: $second_white_color;
        }
    }
    /* LINKS */
    .navbar-nav {
        & > li > a {
            &,
            &:hover,
            &:focus {
                font-family: $font_nav;
                font-size: large;
                color: $second_bold_color;
                background: transparent;
                @media (min-width: 768px) {
                    color: $second_white_color;
                }
            }
        }
    }
}