/******************************************************************************* Variables used throughout the theme. To adjust anything, simply edit the variables below and rebuild the theme. *****************************************************************************/
/******************************************************************************* Themes *****************************************************************************/
:root { --global-bg-color: #ffffff; --global-text-color: #000000; --global-theme-color:#6f42c1; --global-hover-color: #007bff; --global-footer-bg-color: #424242; --global-footer-text-color: #e8e8e8; --global-footer-link-color: #ffffff; --global-icon-color: #424242; --card-bg-color: #ffffff; --card-border-color: #e0e0e0; --card-text-color: #333333; --card-muted-color: #666666; --card-hover-bg: #f8f9fa; }
:root .fa-sun { display: none; }
:root .fa-moon { padding-left: 10px; padding-top: 12px; display: block; }

/*html[data-theme='dark'] { --global-bg-color: #424242; --global-text-color: #e8e8e8; --global-theme-color: #6610f2; --global-hover-color: #7bcce4; --global-footer-bg-color: #e8e8e8; --global-footer-text-color: #424242; --global-footer-link-color: #000000; --global-icon-color: navajowhite; }*/
/*html[data-theme='dark'] .fa-sun { padding-left: 10px; padding-top: 12px; display: block; }*/
/*html[data-theme='dark'] .fa-moon { display: none; }*/

/****************************************************************************** Content *****************************************************************************/
body { font-family: "Trebuchet MS", sans-serif !important; padding-bottom: 70px; color: var(--global-text-color); background-color: var(--global-bg-color); }

body.fixed-top-nav { padding-top: 56px; }

body.sticky-bottom-footer { padding-bottom: 0; }

.container { max-width: 800px; }

.profile img { width: 100%; }

/****************************************************************************** Publications *****************************************************************************/
/*****************************************************************************
* Projects
*****************************************************************************/
/******************************************************************************* Styles for the base elements of the theme. *****************************************************************************/
p, h1, h2, h3, h4, h5, h6, em, div, span, strong { color: var(--global-text-color); }

a, table.table a { color:var(--global-theme-color); }
a:hover, table.table a:hover { color: black; text-decoration: underline; }
a:hover:after, table.table a:hover:after { width: 100%; }

.equation { margin-bottom: 1rem; text-align: center; }

.caption { font-size: 0.875rem; margin-top: 0.75rem; margin-bottom: 1.5rem; text-align: center; }

.profile { margin-left: 1rem; width: 100%; }
.profile .address { margin-bottom: 5px; margin-top: 5px; font-family: monospace; font-size: 1.2rem; }
.profile .address p { display: inline-block; margin: 0; }

@media (min-width: 576px) { .profile { width: 30%; }
  .profile .address p { display: block; } }
.post-description { margin-bottom: 2rem; font-size: 0.875rem; }
.post-description a { color: inherit; }
.post-description a:hover { color: var(--global-theme-color); text-decoration: none; }

.navbar { box-shadow: none; border-bottom: 1px solid #e8e8e8; opacity: 0.95; background-color: var(--global-bg-color); }

.navbar.navbar-light a:hover { text-decoration: none; }
.navbar.navbar-light .navbar-brand { color: var(--global-text-color); }
.navbar.navbar-light .navbar-nav .nav-item .nav-link { color: var(--global-text-color); }
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: var(--global-hover-color); }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: inherit; font-weight: bolder; color: var(--global-theme-color); }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: var(--global-hover-color); }
.navbar.navbar-light .contact-icon { font-size: 2rem; }
.navbar.navbar-light .contact-icon a:hover { color: var(--global-hover-color); }


.navbar.navbar-light .navbar-brand.social {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 1.7rem
}

.navbar.navbar-light .navbar-brand.social a i::before {
    color: var(--global-text-color);
    transition-property: all .2s ease-in-out
}

.navbar.navbar-light .navbar-brand.social a:hover i::before {
    color: var(--global-theme-color)
}


.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; background-color: var(--global-icon-color); border-radius: 1px; margin-bottom: 4px; transition: all 0.2s; }
.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggler .middle-bar { opacity: 0; }
.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }

.navbar-toggler.collapsed .top-bar { transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); }

.news table td { font-size: 1rem; color: var(--global-text-color); }

.news table th { width: 130px; color: #800080; font-weight: bold; }

.social { text-align: center; }
.social .contact-icon { font-size: 4rem; }
.social .contact-icon a { color: var(--global-icon-color); }
.social .contact-icon a:hover { color: var(--global-theme-color); }
.social .contact-note { font-size: 0.8rem; }

footer.fixed-bottom { background-color: var(--global-footer-bg-color); font-size: 0.75rem; }
footer.fixed-bottom .container { color: var(--global-footer-text-color); padding-top: 9px; padding-bottom: 8px; }
footer.fixed-bottom a { color: var(--global-footer-link-color); }
footer.fixed-bottom a:hover { color: pink; text-decoration: none; }

footer.sticky-bottom { border-top: 1px solid #e8e8e8; padding-top: 40px; padding-bottom: 40px; font-size: 0.9rem; }

.header-bar { border-bottom: 1px solid #e8e8e8; text-align: center; padding-top: 2rem; padding-bottom: 5rem; }
.header-bar h1 { color: var(--global-theme-color); font-size: 5rem; }

.post-list { margin: 0; margin-bottom: 40px; padding: 0; }
.post-list li { border-bottom: 1px solid #e8e8e8; list-style: none; padding-top: 2rem; padding-bottom: 2rem; }
.post-list li .post-meta { color: #828282; font-size: 0.875rem; margin-bottom: 0; }
.post-list li a { color: var(--global-text-color); text-decoration: none; }
.post-list li a:hover { color: var(--global-theme-color); }

.pagination .page-item .page-link { color: var(--global-text-color); }
.pagination .page-item .page-link:hover { color: #000000; }
.pagination .page-item.active .page-link { background-color: var(--global-theme-color); }
.pagination .page-item.active .page-link:hover { background-color: var(--global-theme-color); }

.distill a:hover { border-bottom-color: var(--global-theme-color); text-decoration: none; }

/* Academic Project List - Two-Column Academic Layout */
.academic-projects-list {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.academic-project {
  display: block;
  padding-bottom: 1.5rem;
  transition: background-color 0.25s ease;
  position: relative;
}

.academic-project:last-child {
  padding-bottom: 0;
}

.academic-project:hover {
  background-color: rgba(111, 66, 193, 0.02);
}


/* Two-column layout using CSS Grid */
.academic-project-row {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 1.5rem;
  align-items: flex-start;
}

/* Left column - Year */
.academic-project-year {
  font-size: 0.875rem;
  color: #808080;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: "Trebuchet MS", sans-serif;
  position: relative;
  top: 2px;
}

/* Right column - Main content */
.academic-project-content {
  position: relative;
}

/* Header with title and GitHub link */
.academic-project-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
  gap: 1rem;
}

.academic-project-title {
  margin: 0;
  font-size: 1.1rem;
  color: var(--card-text-color);
  font-weight: 600;
  font-family: "Trebuchet MS", sans-serif;
  line-height: 1.3;
  flex: 1;
}

.academic-project-title-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

.academic-project-title-link:hover,
.academic-project-title-link:focus {
  color: var(--global-theme-color);
  text-decoration: underline;
}

.academic-project-github {
  color: #808080; /* Muted gray */
  text-decoration: none;
  transition: color 0.25s ease;
  font-size: 1.1rem;
  align-self: flex-start;
  margin-top: 2px;
}

.academic-project-github:hover,
.academic-project-github:focus {
  color: var(--global-theme-color);
  outline: none;
}


/* Tech stack */
.academic-project-tech {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
}

.academic-tech-tag {
  color: #666666; /* Muted color */
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.academic-tech-tag:not(:last-child)::after {
  content: ",";
  margin-left: 0.25rem;
}

/* Description with overlay effect */
.academic-project-description {
  color: #666666;
  line-height: 1.5;
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.95); /* Slight overlay background */
  padding: 0.75rem;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-top: 0.5rem;
}

.academic-project:hover .academic-project-description,
.academic-project:focus-within .academic-project-description {
  z-index: 10;
}

/* Responsive design */
@media (max-width: 768px) {
  .academic-project-row {
    grid-template-columns: 70px 1fr;
    gap: 1rem;
  }
  
  .academic-project-year {
    font-size: 0.8rem;
  }
  
  .academic-project-title {
    font-size: 1rem;
  }
  
  .academic-project-description {
    font-size: 0.85rem;
    padding: 0.5rem;
  }
}

@media (max-width: 480px) {
  .academic-project-row {
    grid-template-columns: 60px 1fr;
    gap: 0.75rem;
  }
  
  .academic-project-year {
    font-size: 0.75rem;
  }
  
  .academic-project-title {
    font-size: 0.95rem;
  }
  
  .academic-project-tech {
    font-size: 0.75rem;
  }
  
  .academic-project-description {
    font-size: 0.8rem;
    padding: 0.4rem;
  }
}

/* Remove old grid styles */
.projects .grid-item { display: none; }
.projects .card { display: none; }

/* Hide old project styles when new ones are active */
.project-card { display: none; }
.academic-projects-container { display: none; }
.academic-project-card { display: none; }


.publications { margin-top: 2rem; }
.publications h1 { color: var(--global-theme-color); font-size: 2rem; text-align: center; margin-top: 1em; margin-bottom: 1em; }
.publications h2 { margin-bottom: 1rem; }
.publications h2 span { font-size: 1.5rem; }
.publications h2.year { color: #e8e8e8; border-top: 1px solid #e8e8e8; padding-top: 1rem; margin-top: 2rem; margin-bottom: -2rem; text-align: right; }
.publications ol.bibliography { list-style: none; padding: 0; margin-top: 0; }
.publications ol.bibliography li { margin-bottom: 1rem; }
.publications ol.bibliography li .abbr { height: 2rem; margin-bottom: 0.5rem; }
.publications ol.bibliography li .abbr abbr { display: inline-block; background-color: var(--global-theme-color); padding-left: 1rem; padding-right: 1rem; }
.publications ol.bibliography li .abbr abbr a { color: white; }
.publications ol.bibliography li .abbr abbr a:hover { text-decoration: none; }
.publications ol.bibliography li .abbr .award { color: var(--global-theme-color) !important; border: 1px solid var(--global-theme-color); }
.publications ol.bibliography li .title { font-weight: bolder; }
.publications ol.bibliography li .author a { border-bottom: 1px dashed var(--global-theme-color); }
.publications ol.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; }
.publications ol.bibliography li .author > em { border-bottom: 1px solid; font-style: normal; }
.publications ol.bibliography li .links a.btn { color: var(--global-text-color); border: 1px solid #6610f2; padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.publications ol.bibliography li .links a.btn:hover { color: var(--global-theme-color); border-color: var(--global-theme-color); }
.publications ol.bibliography li .hidden { font-size: 0.875rem; max-height: 0px; overflow: hidden; text-align: justify; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
.publications ol.bibliography li .hidden p { line-height: 1.4em; margin: 10px; }
.publications ol.bibliography li .hidden pre { font-size: 1em; line-height: 1.4em; padding: 10px; }
.publications ol.bibliography li .hidden.open { max-height: 100em; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
.publications ol.bibliography li div.abstract.hidden { border: dashed 1px var(--global-bg-color); }
.publications ol.bibliography li div.abstract.hidden.open { border-color: var(--global-text-color); }

.abstract-image {
  margin-top: 1rem;
  text-align: center;
}

.abstract-image img {
  max-width: 65%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

code { color: var(--global-theme-color); }

html.transition, html.transition *, html.transition *:before, html.transition *:after { transition: all 750ms !important; transition-delay: 0 !important; }

/* Section separator styles */
.section-separator {
  margin: 3rem 0 2rem 0;
  padding: 1.5rem 0;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}

.section-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  color: var(--global-text-color);
}

.section-divider {
  height: 2px;
  width: 40px;
  background: #808080;
  border-radius: 1px;
  margin-top: 0.5rem;
}

/* Experience section styles */
.education-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.edu-entry {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.edu-logo {
  width: 80px;
  height: 80px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.edu-details {
  flex: 1;
  text-align: left;
}

.edu-details h3 {
  margin: 0 0 0.5rem 0;
}

.edu-details .position {
  margin: 0 0 1rem 0;
  color: #666;
}

.edu-details p {
  margin: 0.5rem 0;
}

.edu-details ul {
  margin: 1rem 0 0 0;
  padding-left: 20px;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
  .edu-entry {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  
  .edu-logo {
    width: 60px;
    height: 60px;
  }
  
  .section-separator {
    margin: 2.5rem 0 1.5rem 0;
    padding: 1rem 0;
  }
  
  .section-title {
    font-size: 1.4rem;
  }
}