@charset "utf-8";
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 5.0rem;
}

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

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

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

.navbar {
    opacity: 0.95;
}

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

.badge-best-paper {
    font-size: 100%;
    background-color: darkorange;
    color: white
}

.email-text {
    font-family: Courier, monospace;
}

.link-container {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to a new line if needed */
    gap: 0.5rem; /* Adds spacing between the boxes */
    margin-top: 0.5rem; /* Adds a small space above the link container */
}

.link-box {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem; /* Compact padding */
    border-radius: 5px;
    font-size: 0.7rem; /* Smaller font size */
    min-width: auto; /* Auto width depending on content */
    width: auto; /* Auto width depending on content */
    justify-content: center; /* Centers the content */
    border: 1px solid #4a5f78; /* Dark blueish gray outline */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition for hover effect */
}

.link-box i {
    margin-right: 0.3rem; /* Reduced space between icon and text */
    font-size: 1rem; /* Adjust icon size */
    color: #007bff; /* Bootstrap primary color */
}

.link-box a {
    text-decoration: none;
    color: #007bff; /* Bootstrap primary color */
    font-weight: 500;
}

.link-box a:hover {
    text-decoration: underline;
}

.link-box:hover {
    background-color: #ecf1f8; /* Slightly grayed out background on hover */
}