﻿/*
http://bootstrapdesigntools.com/
https://work.smarchal.com/twbscolor/
*/

.navbar-default {
    background-color: white;
    border-color: #E0E0E0;
}

    .navbar-default .navbar-brand {
        color: #0094D9;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #0056A8;
        }

    .navbar-default .navbar-text {
        color: #0094D9;
    }

    .navbar-default .navbar-nav > li > a {
        color: #6f6f6f;
        font-weight: bold;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #0094D9;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #0094D9;
        background-color: white;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #0094D9;
        background-color: white;
    }

    .navbar-default .navbar-toggle {
        border-color: #0094D9;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #0056A8;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #0094D9;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #0094D9;
    }

    .navbar-default .navbar-link {
        color: #0056A8;
    }

        .navbar-default .navbar-link:hover {
            color: #0056A8;
        }

.navbar-img {
    max-height: 48px;
    margin: 16px 0;
}

@media (max-width: 991px) {
    .navbar-img {
        content: url(../img/icon.png);
        max-height: 32px;
        margin: 24px 0;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #0094D9;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #0056A8;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #0056A8;
        background-color: #0094D9;
    }

    .navbar-img {
        content: url(../img/logo_navbar.png);
        max-height: 32px;
        margin: 24px 0;
        margin-left: 24px;
    }
}

.navbar {
    min-height: 80px;
}

.navbar-brand {
    padding: 0 15px;
    height: 80px;
    line-height: 80px;
}

.navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        /* (80px - line-height of 27px) / 2 = 26.5px */
        padding-top: 26.5px;
        padding-bottom: 26.5px;
        line-height: 27px;
    }
}
