/*
 * SCSS for header
 */

@import "_params.scss";


$bgDefault      : $brand_color_light;
$bgHighlight    : $brand_color_dark;
$colDefault     : $font_color;
$colHighlight   : $font_color;
$dropDown       : false;
.navbar-default {
    min-height: 70px;
    background-image: none;
    background-color: $bgDefault;
    border-color: $bgHighlight;
    .navbar-brand {
        //padding: 15px 15px; /*adjust the top/bottom padding if your logo looks too small */
        //margin-top: 0px; /* you can adjust this if your logo needs to be moved up or down but simply adjusting the padding is easier */
        //height: 70px; /* this should be equal to computed height of .navbar-nav>li>a */
        margin-top: 10px;
        > img {
            margin-top: 5px;
        }
        font-size: 1.8em;
        color: $colDefault;
        &:hover, &:focus { 
            color: $colHighlight; }}
    .navbar-text {
        color: $colDefault; }
    .navbar-nav {
        margin: 0;
        padding-top: 20px;
        padding-bottom: 9px;
        > li {
            display: inline;
            > a {
                display: inline;
                color: $colDefault;
                &:hover,  &:focus {
                    color: $colHighlight; }}
            @if $dropDown {
                > .dropdown-menu {
                    background-color: $bgDefault;
                    > li > a {
                        color: $colDefault;
                        &:hover,  &:focus {
                            color: $colHighlight;
                            background-image: none;
                            background-color: $bgHighlight; }}
                    .divider {
                        background-image: none;
                        background-color: $bgHighlight;}}}
        }
        > .active {
            > a, > a:hover, > a:focus {
                color: $colHighlight;
                background-image: none;
                background-color: $bgHighlight; }}
        > .open {
            > a, > a:hover, > a:focus {
                color: $colHighlight;
                background-image: none;
                background-color: $bgHighlight; }}}
    .navbar-toggle {
        margin-top: 16px;
        background-image: none;
        border-color: $bgHighlight;
        &:hover, &:focus {
            background-image: none;
            background-color: $bgHighlight; }
        .icon-bar {
            background-color: $colDefault; }}
    .navbar-collapse,
    .navbar-form {
        border-color: $colDefault; }
    .navbar-link {
        color: $colDefault;
        &:hover {
            color: $colHighlight; }}}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu {
        > li > a {
            color: $colDefault;
            &:hover, &:focus {
                color: $colHighlight; }}
        > .active {
            > a, > a:hover, > a:focus {
                color: $colHighlight;
                background-image: none;
                background-color: $bgHighlight; }}}
}