/* BANNER */ .strong-banner { padding-top : 20px; padding-bottom : 10px ; background-color : $main_bold_color; color: $second_bold_color; } .navbar-inverse { background-color : $main_bold_color; background-color : transparent ; border-style : none ; .navbar-nav { & > .open > a, & > .open > a:focus, & > .open > a:hover { color: #fff; background-color: $main_soft_color; } } } .navbar-collapse { border-top: 0px solid transparent ; padding : 0px ; /* only < 768px*/ background-color : $main_soft_color; 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: x-large; border-bottom: 5px solid #3C8AD4; } } /* 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; } } } } }