@charset "utf-8";
body {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 17px;  /* increase base font size */
    padding-top: 5.0rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    /* heading sizes */
}
/* Increase specific heading sizes */
/* h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; } */
h6, .h6 { 
    font-size: 1.2rem !important; 
    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 {
    opacity: 0.85;
    font-size: 1.05rem;
}

.navbar-brand:hover {
    text-decoration: none;
    opacity: 0.8;
    cursor: pointer;
}

.footer {
    font-size: 0.85rem;
}

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

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

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Blinking slash animation after text */
.blinking-slash {
    color: #f88030; /* Orange color */
    animation: blink 1.4s infinite;
    font-weight: 700;
    margin-left: -2px;
    font-size: 1em; /* Make it larger vertically */
}

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

/* Dark Mode Toggle Button Styles */
.dark-mode-toggle {
    background: none !important;
    border: none !important;
    color: #007bff !important;
    font-size: 1.1rem;
    padding: 0.5rem 1rem !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.dark-mode-toggle:hover {
    color: #0056b3 !important;
    transform: scale(1.1);
}

.dark-mode-toggle:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* Dark Mode Styles */
[data-theme="dark"] {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

[data-theme="dark"] .bg-light {
    background-color: #2d2d2d !important;
}

[data-theme="dark"] .bg-white {
    background-color: #333333 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .navbar-light {
    background-color: #2d2d2d !important;
}

[data-theme="dark"] .navbar-light .navbar-brand {
    color: #ffffff !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover {
    color: #007bff !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .active > .nav-link {
    color: #007bff !important;
}

[data-theme="dark"] .card {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .border-gray {
    border-color: #555555 !important;
}

[data-theme="dark"] .text-muted {
    color: #cccccc !important;
}

[data-theme="dark"] .shadow-sm {
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .footer {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

[data-theme="dark"] a {
    color: #4dabf7 !important;
}

[data-theme="dark"] a:hover {
    color: #339af0 !important;
}

/* Dark mode for code blocks */
[data-theme="dark"] code {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

[data-theme="dark"] pre {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

/* Dark mode for alerts */
[data-theme="dark"] .alert-warning {
    background-color: #664d03 !important;
    border-color: #997404 !important;
    color: #ffecb5 !important;
}