/* Beacon@Home light theme - a lighthouse night-watch palette.
 * sea-deep #16323f | sea-mist #edf2f3 | foam #fff | beam #e8a013
 * hull #27606f | ink #1f2d32
 * Layout, menus and pages are stock BOINC; this skins them only. */

body {
    background: #edf2f3;
    color: #1f2d32;
}

h1, h2, h3, h4, .page-header, .panel-title, .navbar-brand {
    font-family: Georgia, "Times New Roman", serif;
}
.page-header {
    border-bottom: 1px solid #cfdadd;
    color: #16323f;
}

/* navbar: the dark tower, with the lantern's beam as a line beneath it */
.navbar-default {
    background: #16323f;
    border: 0;
    border-bottom: 3px solid #e8a013;
    border-radius: 0;
}
.navbar-default .navbar-brand {
    color: #f4f7f7;
    font-size: 20px;
    padding-left: 56px;
    background: url(img/beacon-mark.svg) 8px center / 36px 36px no-repeat;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #e8a013; }
.navbar-default .navbar-nav > li > a { color: #c9d6da; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #ffffff; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a {
    background: #0f2530;
    color: #e8a013;
}
.navbar-default .navbar-toggle .icon-bar { background: #c9d6da; }
.dropdown-menu {
    border: 1px solid #cfdadd;
    border-top: 2px solid #e8a013;
    border-radius: 0 0 4px 4px;
}
.dropdown-menu > li > a:hover { background: #edf2f3; color: #16323f; }

/* panels and tables: white cards on mist, quiet borders, no shadows */
.panel, .well {
    background: #ffffff;
    border: 1px solid #d3dde0;
    border-radius: 6px;
    box-shadow: none;
}
.panel-default > .panel-heading, .panel-primary > .panel-heading {
    background: #ffffff;
    color: #27606f;
    border-bottom: 2px solid #e8a013;
    border-radius: 6px 6px 0 0;
    font-family: Georgia, serif;
}
.table-striped > tbody > tr:nth-of-type(odd) { background: #f4f8f8; }
.table > thead > tr > th {
    border-bottom: 2px solid #27606f;
    color: #16323f;
}
.table-hover > tbody > tr:hover { background: #fdf4e0; }

/* links and buttons */
a { color: #27606f; }
a:hover, a:focus { color: #b57b09; }
.btn-primary, .btn-success {
    background: #e8a013;
    border-color: #c78a0f;
    color: #16323f;
    font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus,
.btn-success:hover, .btn-success:focus {
    background: #c78a0f;
    border-color: #a87408;
    color: #ffffff;
}
.btn-default {
    border-color: #27606f;
    color: #27606f;
    background: #ffffff;
}
.btn-default:hover { background: #edf2f3; color: #16323f; }

.alert-info { background: #e4eef0; border-color: #bcd2d7; color: #1f4854; }
.label-primary, .badge { background-color: #27606f; }

/* footer area */
hr { border-color: #d3dde0; }