/*!
 * Start Bootstrap - Blog Home (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 76px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
    margin: 50px 0;
}

/* Brand theme: header uses the same blue as the Bootstrap primary buttons and links (#337ab7) */
.navbar-inverse {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a {
    color: #ffffff;
    background-color: transparent;
    box-shadow: inset 0 -3px 0 #ffffff;
}

/* Header polish: one flex row so brand and menu share the same vertical centre */
.navbar-inverse {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.navbar-brand {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 15px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.navbar-brand .brand-logo {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
    border-radius: 7px;
}
.navbar-nav > li > a {
    padding: 0 16px;
    line-height: 56px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.02em;
}
@media (min-width: 768px) {
    .navbar-brand {
        margin-left: 15px;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .navbar-nav > li > a {
        line-height: 20px;
        padding: 12px 15px;
    }
    .navbar-toggle {
        margin-top: 11px;
        margin-bottom: 11px;
    }
}
.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #286090;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-collapse {
        border-color: #2e6da4;
    }
}