/*
 * Use this file in case you don't feel comfortable writing LESS. I do highly
 * recommend taking the time to learn at least the basics of LESS as it will
 * greatly help you in customizing Bootstrap. Here are some of the high-
 * lights of a preprocessor like LESS:
 *
 * - Store information in variables for optimal reuse:
 *
    @brand-color: #4fc6eb;
    .header { color: @brand-color; }
 *
 * - Nest your selectors, i.e. .header .button { ... } can be written as:
 *
    .header {
        .button { ... }
    }
 *
 * - Write reusable mixins for handling otherwise tedious code:
 *
    .border-radius(@radius) {
        -webkit-border-radius: @radius;
           -moz-border-radius: @radius;
                border-radius: @radius;
    }
    .round { .border-radius(10px); }
 *
 * Other features include mathematical operations, extend/inheritance, import
 * of partials and more.
 *
 * If we still don't have you convinced, then simply put your good ol' CSS in
 * this file and it will be automatically included in Vanilla.
 *
 * Happy theming!
 */
.navbar-brand {
    padding: 0 15px 0 25px;
}
.navbar-brand img {
    max-height: 60px!important; width: auto!important;
}
.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow:  0 0 2px rgba(3,3,3, 0.3);
    -moz-box-shadow:  0 0 2px rgba(3,3,3, 0.3);
    box-shadow:  0 0 2px rgba(3,3,3, 0.3);
}
.navbar-default .navbar-nav>li>a, .navbar-default .MeBox .Username, .navbar-default .MeBox .FlyoutButton {
    color: #27a2dc;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .MeBox .Username:hover, .navbar-default .MeBox .FlyoutButton:hover, .navbar-default .MeBox .Username:focus, .navbar-default .MeBox .FlyoutButton:focus {
    color: #0280d0;
}

.navbar-nav>li>a, .MeBox .Username, .MeBox .FlyoutButton {
    padding-top: 20px;
    padding-bottom: 20px;
}