@charset "utf-8";

:root {
    --accent: #0E7570;
    --accent-hover: #0A5754;
    --position: #0B5F5B;
    --bg: #F4F9F8;
    --highlight: #DFF2F0;
    --section-line: #BFE0DD;
    --footer-border: #0E7570;
    --surface: #FFFFFF;
    --text: #212529;
    --muted: #6C757D;
}

body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 1.5rem;
    background-color: var(--bg) !important;
    color: var(--text);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    color: var(--text);
}

a {
    color: var(--accent);
}

a:hover {
    color: var(--accent-hover);
}

.text-muted {
    color: var(--muted) !important;
}

.text-profile-position {
    font-weight: 600;
    color: var(--position);
}

.text-profile-address {
    font-weight: 500;
}

.text-profile-bio {
    font-weight: 400;
}

.card,
.bg-white,
footer.footer {
    background-color: var(--surface) !important;
}

.border-gray,
.border-bottom,
.border-top,
hr {
    border-color: var(--section-line) !important;
}

#Publications.border-bottom,
.card .border-bottom.border-gray,
.my-3.bg-white .border-bottom {
    border-color: var(--section-line) !important;
}

.eq-contrib-note {
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--muted);
    background-color: var(--highlight);
    padding: 0.15rem 0.4rem;
    border-radius: 0.2rem;
}

footer.footer {
    border-top: 2px solid var(--footer-border) !important;
    box-shadow: none !important;
}

.img-thumbnail {
    border: 1px solid var(--section-line) !important;
    background-color: var(--surface);
    padding: 0.2rem;
}

.inline-badge {
    height: 16px;
    vertical-align: -10%;
    margin-right: 2px;
    line-break: unset;
}

.no-break {
    white-space: nowrap;
}

.cover-image {
    width: 180px;
    max-height: 120px;
}

.abstract-body {
    min-height: 100px;
}

img.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

.badge-publication {
    font-size: 100%;
}

.email-text {
    font-family: Courier, monospace;
}
