/*
 * Globals
 */

body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #555;
    margin-top: 80px;
    background-color: #DEF;
}

img {
    max-width: 100%;
    height: auto;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333;
}

blockquote {
    border-left: 2px solid #FF0000;
    padding: 0 10px;
    margin: 4px 6px;
}
blockquote blockquote {
    border-left-color: #FF9900;
}
blockquote blockquote blockquote {
    border-left-color: #CCCC00;
}

/*
 * Bootstrap tweaks and overrides
 */
.form-group label {
    font-weight: bold;
}
label.form-check-label {
    font-weight: normal;
}
button {
    cursor: pointer;
}
.text-muted a {
    color: #868e96 !important;
    text-decoration: underline;
}

/*
 * Top nav
 */
.bluez-navbar {
    background-color: rgba(0, 75, 153, 0.8);
}
.bluez-navbar a {
    color: #DDD;
}
.bluez-navbar a:hover, .bluez-navbar a:active {
    color: #FFF !important;
}
.bluez-navbar .active a {
    color: #FFF;
}

/* Blog title and description */
.bluez-header {
    padding-bottom: 1.25rem;
    margin-bottom: 2rem;
    border-bottom: .05rem solid #CCC;
}
.bluez-title {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
}
.bluez-description {
    font-size: 1.1rem;
    color: #999;
}

/* Page footer */
.bluez-footer {
    padding: 2.5rem 0;
    color: #999;
    text-align: center;
    background-color: #EEF;
    border-top: .05rem solid #CCC;
}
.bluez-footer p:last-child {
    margin-bottom: 0;
}