/* Default: top-level links white */
#main-pg {
  scroll-margin-top: 149px; /* adjust offset to match your fixed header height */
}

.page_header .main_menu_home > ul > li > a,
.page_header .side_menu_button_link i.fa-bars,
.page_header .main_menu_home > ul > li > a > .line {
  color: white !important;
  border-color: white !important;
  transition: color 0.3s ease, border-color 0.3s ease;
}

/* Scrolled: top-level links black */
.page_header.scrolled .main_menu_home > ul > li > a,
.page_header.scrolled .side_menu_button_link i.fa-bars,
.page_header.scrolled .main_menu_home > ul > li > a > .line {
  color: black !important;
  border-color: black !important;
}

/* Dropdown menu items: always white */
.page_header .main_menu_home ul li ul li a,
.page_header .main_menu_home ul li ul li a span {
  color: white !important;
}

.side_menu {
  width: 220px;
  background: black;
  color: white;
  padding: 20px;
  overflow-y: auto;  /* makes it scrollable */
  max-height: 100vh; /* fit screen */
}

.side_menu_inner {
  display: flex;
  flex-direction: column;
}

.side_menu_title {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 5px;
  color: white;
  text-align: center;  /* centers the title */
}

.side_menu_list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.side_menu_list li {
  margin-bottom: 10px;
}

.side_menu_list li{
  color: white;
  text-decoration: none;
}

/* Target links only inside the right-side menu */
.side_menu.right a {
  color: aqua;
  text-decoration: underline;   /* optional */
}

.side_menu_scroll p {
  margin-bottom: 10px;
  font-size: 13px;
}

/* For students page specifically - ensure hamburger is always black */
.not-home-page .page_header .side_menu_button_link i.fa-bars {
  color: black !important;
}

.not-home-page .page_header.scrolled .side_menu_button_link i.fa-bars {
  color: black !important;
}

body {
  font-family: 'Noto Sans', sans-serif;
}


.footer .icon-link {
    font-size: 25px;
    color: #000;
}

.link-block a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dnerf {
  font-variant: small-caps;
}

.dperact {
  font-variant: small-caps;
}

.teaser .hero-body {
  padding-top: 0;
}

.teaser {
  font-family: 'Google Sans', sans-serif;
}

.teaser video {
  object-fit: fill;
  
}
#glass{
  margin-left: -10px;
}

/* Style for the main title of the publication */
.publication-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333; /* Dark gray color for better contrast */
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-family: 'Google Sans', sans-serif;
}

.publication-banner {
  max-height: parent;

}

.publication-banner video {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  object-fit: fit;
}

.publication-header .hero-body {
}


.publication-venue {
    color: #555;
    width: fit-content;
    font-weight: bold;
}

.publication-awards {
    color: #ff3860;
    width: fit-content;
    font-weight: bolder;
}


/* Style for conference and authors section */
.conference-authors {
  font-size: 1.25rem;
  font-weight: 600;
  color: #555; /* Medium gray color */
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: 'Noto Sans', sans-serif;
}

.publication-authors a:hover {
    text-decoration: underline;
}

/* Style for individual author block */
.author-block {
  display: inline-block;
  font-size: 1rem;
  color: #666; /* Slightly lighter gray */
  margin: 0.2rem 0.5rem; /* Add spacing around each author */
  font-family: 'Noto Sans', sans-serif;
}

.author-block a {
  color: #004aad; /* Blue color for author links */
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.author-block a:hover {
  color: #0073e6; /* Brighter blue on hover */
  text-decoration: underline;
}

.publication-banner img {
}

/* Optional: Style for university affiliations */
.publication-authors {
  font-size: 1rem;
  color: #777; /* Light gray for affiliation text */
  text-align: center;
  margin-top: 1rem;
  font-family: 'Castoro', serif;
}

.publication-authors .author-block {
  margin: 0.2rem 0.4rem;
}

.publication-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    overflow: hidden;
    border-radius: 10px !important;
}

.publication-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.publication-body img {
}

.results-carousel {
  overflow: hidden;
}

.results-carousel .item {
  margin: 5px;
  overflow: hidden;
  border: 1px solid #bbb;
  border-radius: 10px;
  padding: 0;
  font-size: 0;
}

.results-carousel video {
  margin: 0;
}

.interpolation-panel {
  background: #f5f5f5;
  border-radius: 10px;
}

.interpolation-panel .interpolation-image {
  width: 100vh;
  background-size: cover;
  border-radius: 5px;
}

.interpolation-video-column {
}

.interpolation-panel .slider {
  margin: 0 !important;
}

.interpolation-panel .slider {
  margin: 0 !important;
}

#interpolation-image-wrapper {
  width: 100%;
}
#interpolation-image-wrapper img {
  border-radius: 5px;
}

#interpolation-image img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

 .dropdown-item{
    white-space: pre-wrap;
}  


.justify {
  text-align: justify;
}

.logo_wrapper,
.q_logo {
  height: auto !important;
  top: 15px;
}


.q_logo img.light {
  top: -9px;
  height: 74px !important;
  width: auto !important;
}

.q_logo img.dark {
  height: 110px !important;
  width: auto !important;
  top: 0px;
}

/*.q_logo img.sticky {*/
/*  height: 70px !important;*/
/*  width: auto !important;*/
/*}*/


/*.q_logo img.people {*/
/*  height: 90px !important;*/
/*  width: auto !important;*/
/*}*/