/* Beacon@Home dark theme - the same watch, after nightfall.
 * abyss #0e1c23 | panel #15282f | beam #f2b43a | mist-text #d8e1e3 */

body { background: #0e1c23; color: #d8e1e3; }

h1, h2, h3, h4, .page-header, .panel-title, .navbar-brand {
    font-family: Georgia, "Times New Roman", serif;
}
.page-header { border-bottom-color: #24404a; color: #e9f0f1; }

.navbar-default, .navbar-inverse {
    background: #0a151b;
    border: 0;
    border-bottom: 3px solid #f2b43a;
    border-radius: 0;
}
.navbar-default .navbar-brand, .navbar-inverse .navbar-brand {
    color: #e9f0f1;
    font-size: 20px;
    padding-left: 56px;
    background: url(img/beacon-mark.svg) 8px center / 36px 36px no-repeat;
}
.navbar-default .navbar-brand:hover, .navbar-inverse .navbar-brand:hover { color: #f2b43a; }
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a { color: #a9bcc2; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:hover { color: #ffffff; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
    background: #142730;
    color: #f2b43a;
}
.dropdown-menu {
    background: #15282f;
    border: 1px solid #24404a;
    border-top: 2px solid #f2b43a;
}
.dropdown-menu > li > a { color: #d8e1e3; }
.dropdown-menu > li > a:hover { background: #0e1c23; color: #f2b43a; }

.panel, .well {
    background: #15282f;
    border: 1px solid #24404a;
    border-radius: 6px;
    box-shadow: none;
}
.panel-default > .panel-heading, .panel-primary > .panel-heading {
    background: #15282f;
    color: #8fc3cf;
    border-bottom: 2px solid #f2b43a;
    font-family: Georgia, serif;
}
.table-striped > tbody > tr:nth-of-type(odd) { background: #12232b; }
.table > thead > tr > th { border-bottom: 2px solid #8fc3cf; color: #e9f0f1; }
.table-hover > tbody > tr:hover { background: #1d3038; }
.table > tbody > tr > td, .table > thead > tr > th { border-color: #24404a; }

a { color: #8fc3cf; }
a:hover, a:focus { color: #f2b43a; }
.btn-primary, .btn-success {
    background: #f2b43a;
    border-color: #c78a0f;
    color: #0e1c23;
    font-weight: bold;
}
.btn-primary:hover, .btn-success:hover { background: #ffc957; color: #0e1c23; }
.btn-default { background: #15282f; border-color: #8fc3cf; color: #8fc3cf; }
.btn-default:hover { background: #1d3038; color: #ffffff; }

.alert-info { background: #13303a; border-color: #24525f; color: #bcdde4; }
.label-primary, .badge { background-color: #27606f; }
hr { border-color: #24404a; }