@charset "utf-8";
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 5.0rem;
    min-height: 100vh;
    color: #f5f5f5;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.055), transparent 28rem),
        radial-gradient(circle at 85% 75%, rgba(255, 255, 255, 0.04), transparent 32rem),
        #050505 !important;
}

#molecular-point-cloud {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

body > .container,
body > .container-lg,
body > .container-xl,
body > footer,
body > nav {
    position: relative;
    z-index: 1;
}

a {
    color: #f2f2f2;
    text-decoration-color: rgba(255, 255, 255, 0.45);
}

a:hover {
    color: #ffffff;
    text-decoration-color: #ffffff;
}

.bg-light,
.bg-white,
.card,
.list-group-item {
    color: #f2f2f2 !important;
    background-color: rgba(13, 13, 13, 0.88) !important;
}

.card,
.rounded-xl,
.list-group-item {
    border-color: rgba(255, 255, 255, 0.13) !important;
}

.shadow-sm {
    box-shadow: 0 0.35rem 1.4rem rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.055) !important;
}

.text-body,
.text-dark {
    color: #ededed !important;
}

.text-muted {
    color: #a8a8a8 !important;
}

hr,
.border,
.border-top,
.border-bottom {
    border-color: rgba(255, 255, 255, 0.14) !important;
}

mark {
    color: #eeeeee;
    background: rgba(255, 255, 255, 0.12);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

.card {
    border-radius: 0.8rem!important;
}

.card-img-overlay {
    border-radius: 0.8rem!important;
}

.rounded-xl {
    border-radius: 0.8rem!important;
}

.rounded-xl-bottom {
    border-bottom-right-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}

.rounded-xl-top {
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
}


.text-profile-position {
    font-weight: 400;
}

.text-profile-bio {
    /* font-family: "Raleway"; */
    font-weight: 400;
}

.navbar {
    background-color: rgba(5, 5, 5, 0.76) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.78);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.2);
}

.footer {
    color: #c8c8c8;
    background-color: rgba(5, 5, 5, 0.82) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.table {
    color: #ededed;
}

.table td,
.table th {
    border-color: rgba(255, 255, 255, 0.12);
}

.modal-content,
.dropdown-menu {
    color: #f2f2f2;
    background: #111111;
    border-color: rgba(255, 255, 255, 0.14);
}

.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;
}

div.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%;
}

.badge-publication-topic {
    font-size: 55%;
    vertical-align: middle;
    margin-left: 0.35rem;
    white-space: nowrap;
}

.badge-publication-award {
    font-size: 55%;
    vertical-align: middle;
    margin-left: 0.35rem;
    white-space: nowrap;
}

.email-text {
    font-family: Source Code Pro, monospace;
}