/* use the original fonts, per John H's request */
body, p, select, textarea {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.panel-default > .panel-heading {
    background-color: #b20837;
    color: white;
    font-style: bold;
    font-size: 1.25em;
}

div.panel { border-width: 0px; }
div.panel-body { border-width: 0px; }

div.center {
    width: 100%;
    margin: auto;
    text-align: center;
}

/* Add padding to bottom of every page because it's hard to read text if it
 * sits all the way at the bottom of the screen. */
div.container-fluid {
    padding-bottom: 5em;
}

a, a:hover, a:focus, a:visited { color: #b20837; }
/* If we have a link without a href (e.g., an anchor for navigation in
 * "about"), make sure to not colorize it */
a:not([href]), a:not([href]):hover {
    color: #000000;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .nav-sidebar {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

img.whatsnew {
    margin-right: 2em;
    margin-bottom: 1em;
}

h1.title {
    margin-bottom: 1.5em;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #b20837;
}

h1.inv, h2.inv, h3.inv, h4.inv, h5.inv {
    background-color: #b20837;
    color: white;
    padding: .25em .5em;
}

p { font-size: 1.2em; }
p.caption {
    margin-top: .5em;
    font-style: italic;
    text-align: center;
    width: 100%;
}
p.indent1 { padding-left: 1em; }
p.indent2 { padding-left: 2em; }

/* Wraps and breaks words in responsive layouts instead of making the user
 * scroll to read inside the pre environment (e.g., papers) */
.main pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* This fixes the font issues with setting <p> to 1.2em globally */
.main ol { font-size: 1.2em; }
.main ol p { font-size: inherit; }
/* Markdown doesn't allow for nested ordered lists with different
 * enumerations, so we specify it here. Used in "Privacy" page. */
.main ol ol {
    font-size: inherit;
    list-style-type: upper-alpha;
    margin-bottom: 10px;
}
.main ol ul {
    font-size: inherit;
    margin-bottom: 10px;
}

/* This also fixes the font issues as above, except for unordered lists */
.main ul { font-size: 1.2em; }
.main ul li { font-size: inherit; }
.main ul p { font-size: inherit; }
.main ul ul { font-size: inherit; }

ul.feedback-questions li {
    font-weight: bold;
    color: #4F81BD;
}

button.btn {
    font-weight: bold;
    font-size: 1.25em;
    margin-top: .5em;
}

.btn-primary {
    background-color: #4F81BD;
}

ul li {
    font-size: 1.2em;
}

table.smtable>tbody>tr>td, table.smtable>thead>tr>th, table.smtable>tbody>tr>th {
    font-size: .8em;
}

/* adds some padding to the datasets table for readability */
th, td { padding: 4px; }

/* this is a hack for the Details link in bibliography entries in order to get
 * it to render the way we want it to */
.details::before, .details::after { color: #333; }
.details::before { content: "["; }
.details::after  { content: "]"; }
.details:hover::before, .details:hover::after { display: inline-block; }

/* Bootstrap 3.3.7 isn't handling the responsive sidebar properly, so for now
 * we'll take it into our own hands. We'll compress the vertical navigation
 * into a row that sits at the top, which makes it easier to navigate on
 * smaller windows or mobile devices. */
@media only screen and (max-width: 700px) {
    #sidebar { width: 100%; text-align: center;}
    .nav-sidebar { width: 100%; }
    .nav-sidebar .image { display: none; }
    .nav-sidebar ol li { display: inline; }
    .nav-sidebar ol li::after { content: " | "; }
    .nav-sidebar ol li:last-child::after { content: ""; }
}