/* Global scale */
html { font-size: 17px !important; }           /* bump base (16 → 18) */
body { line-height: 1.7 !important; }

/* Body text */
body, .article-style { font-size: 1.2rem !important; }
li { font-size: 1.125rem !important; }

/* Abstracts of papers */
.home-section .article-style p {
  font-size: 1.0rem !important;   /* larger just in Welcome section */
  line-height: 1.8;
}

/* Widen single article (paper) pages */
.article-container {
  max-width: 1000px !important;   /* default is ~700px */
  margin: 0 auto;                /* keep it centered */
}

/* Headings */
h1 { font-size: 2.2rem !important; }
h2 { font-size: 1.9rem !important; }
h3 { font-size: 1.6rem !important; }

#about .about-widget-title {
  font-size: 1.2rem !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  margin-bottom: 1rem !important;
}

section[id] { scroll-margin-top: 72px; }

/* Home section titles (big left-hand titles) */
.home-section .section-heading h1,
.section-heading h1 { font-size: 2.6rem !important; }

/* Navbar */
.navbar .navbar-brand { font-size: 1.2rem !important; }
.navbar .nav-link { font-size: 1.05rem !important; }

/* Subtitle under name in profile card */
.portrait-title h3 {
  font-size: 1rem !important;   /* adjust smaller, 1rem ≈ 17px */
  font-weight: normal;          /* optional: lighter weight */
  color: #555;                  /* optional: softer color */
}

/* Hide empty metadata rows */
.article-metadata:empty { display:none !important; }

/* Hide Related section on publication pages */
.section-related,
#related,
div#related,
div.section-related,
.article-container .article-widget,
.related-content {
  display: none !important;
}

body, p, a {
  color: #5e5e5e;
}

/* =========================
   ASU-inspired color theme
   Uses ASU Maroon for primary actions and ASU Gold as an accent.
   ========================= */
:root {
  --asu-maroon: #8C1D40;
  --asu-maroon-dark: #6F1732;
  --asu-gold: #FFC627;
  --asu-black: #191919;
  --asu-gray: #747474;
  --asu-gray-light: #FAFAFA;
  --asu-border: #E8E8E8;
}

::selection {
  background: var(--asu-gold);
  color: var(--asu-black);
}

body,
.article-style,
.article-style p,
.article-style li,
p,
li {
  color: var(--asu-black) !important;
}

.text-muted,
.article-metadata,
.portrait-title h3,
ul.ul-edu li .description p.institution {
  color: var(--asu-gray) !important;
}

a,
.article-title a,
.card-title a {
  color: var(--asu-maroon) !important;
}

a:hover,
a:focus,
a:focus-visible,
.article-title a:hover,
.card-title a:hover {
  color: var(--asu-maroon-dark) !important;
  text-decoration-line: underline;
  text-decoration-color: var(--asu-gold) !important;
  text-decoration-thickness: 2px;
}

.navbar {
  background-color: var(--asu-maroon) !important;
  border-bottom: 4px solid var(--asu-gold) !important;
  box-shadow: 0 2px 12px rgba(25, 25, 25, 0.08);
}

.navbar .navbar-brand {
  color: var(--asu-gold) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:focus-visible {
  color: #FFFFFF !important;
  text-decoration-color: var(--asu-gold) !important;
}

.navbar .nav-link,
.navbar .nav-icons .nav-link,
.navbar .navbar-toggler,
.navbar .navbar-toggler .fa-bars {
  color: var(--asu-gold) !important;
}

.navbar .nav-link.active,
.navbar .nav-item.active .nav-link,
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.current {
  color: var(--asu-gold) !important;
  border-bottom: 0;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: var(--asu-gold);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
}

.navbar-light .navbar-toggler {
  border-color: var(--asu-gold) !important;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23FFC627' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.home-section:nth-of-type(even),
.bg-light {
  background-color: var(--asu-gray-light) !important;
}

.home-section .section-heading h1,
.section-heading h1,
.portrait-title h2 {
  color: var(--asu-maroon) !important;
}

#teaching h3 {
  color: var(--asu-maroon) !important;
}

#about.home-section {
  padding-bottom: 2.4rem !important;
}

@media (min-width: 992px) {
  #about .col-12.col-lg-8 {
    padding-top: 30px;
  }
}

section.home-section:not(#about) {
  padding-top: 1.6rem !important;
  padding-bottom: 2.4rem !important;
}

section.home-section:not(#about) > .container > .row {
  flex-direction: column;
}

section.home-section:not(#about) > .container > .row > .section-heading,
section.home-section:not(#about) > .container > .row > .col-12.col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

section.home-section:not(#about) > .container > .row > .section-heading {
  margin-bottom: 1.4rem;
}

section.home-section:not(#about) > .container > .row > .section-heading h1 {
  margin-bottom: 0;
}

#working-papers .card-simple,
#work-in-progress .media.stream-item {
  background: #FFFFFF;
  border: 1px solid var(--asu-border);
  border-left: 4px solid var(--asu-maroon);
  /* border-left: 4px solid var(--asu-gold); */
  border-radius: 4px;
  padding: 1.35rem 1.5rem;
  margin-bottom: 1.25rem;
}

#working-papers .card-simple:last-child,
#work-in-progress .media.stream-item:last-child {
  margin-bottom: 0;
}

#working-papers .article-title,
#work-in-progress .article-title {
  margin-top: 0 !important;
  font-size: 1.25rem !important;
}

#working-papers .article-title a:hover,
#working-papers .article-title a:focus-visible,
#work-in-progress .article-title a:hover,
#work-in-progress .article-title a:focus-visible {
  text-decoration-line: underline !important;
  text-decoration-color: var(--asu-maroon) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.18em;
}

#working-papers .article-metadata {
  display: none !important;
}

#working-papers .article-metadata,
#work-in-progress .article-metadata {
  margin-bottom: 0.9rem;
}

#working-papers .summary-link {
  display: block;
}

#working-papers .summary-link:hover,
#working-papers .summary-link:focus {
  text-decoration: none;
}

#working-papers .btn-links,
#work-in-progress .btn-links {
  margin-top: 0.75rem;
}

.btn-outline-primary.btn-sm {
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
}

.home-section .section-heading h1::after,
.section-heading h1::after {
  content: "";
  display: block;
  width: 3.2rem;
  height: 4px;
  margin-top: 0.55rem;
  background: var(--asu-gold);
}

.btn-primary,
.btn.btn-primary,
.article-tags .badge,
a.badge.badge-light {
  background-color: var(--asu-maroon) !important;
  border-color: var(--asu-maroon) !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
a.badge.badge-light:hover,
a.badge.badge-light:focus {
  background-color: var(--asu-maroon-dark) !important;
  border-color: var(--asu-gold) !important;
  color: #FFFFFF !important;
}

.btn-outline-primary {
  color: var(--asu-maroon) !important;
  border-color: var(--asu-maroon) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--asu-maroon) !important;
  border-color: var(--asu-maroon) !important;
  color: var(--asu-gold) !important;
}

a.btn.btn-outline-primary[href*=".pdf"]:hover,
a.btn.btn-outline-primary[href*=".pdf"]:focus,
a.btn.btn-outline-primary[href*=".pdf"]:focus-visible,
.btn-links a.btn.btn-outline-primary:hover,
.btn-links a.btn.btn-outline-primary:focus,
.btn-links a.btn.btn-outline-primary:focus-visible,
.btn-links .js-toggle-abstract:hover,
.btn-links .js-toggle-abstract:focus,
.btn-links .js-toggle-abstract:focus-visible {
  color: var(--asu-gold) !important;
  text-decoration: none !important;
}

.fa-envelope,
.ai-cv,
.network-icon li:hover {
  color: var(--asu-maroon) !important;
}

.card,
.article-container,
.docs-article-container {
  border-color: var(--asu-border);
}

/* Final navbar color override */
#navbar-main {
  background-color: var(--asu-maroon) !important;
}

#navbar-main .navbar-brand {
  display: inline-block;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
  /*
  transform-origin: left center;
  transition: color 0.15s ease, transform 0.15s ease;
  */
}

#navbar-main .navbar-brand,
#navbar-main .navbar-brand span,
#navbar-main .navbar-nav .nav-link,
#navbar-main .navbar-nav .nav-link span,
#navbar-main .nav-icons .nav-link,
#navbar-main .nav-icons .nav-link i,
#navbar-main .navbar-toggler,
#navbar-main .navbar-toggler i {
  color: var(--asu-gold) !important;
}

#navbar-main .navbar-nav .nav-link:hover,
#navbar-main .navbar-nav .nav-link:focus-visible,
#navbar-main .nav-icons .nav-link:hover,
#navbar-main .nav-icons .nav-link:focus-visible {
  color: #FFFFFF !important;
}

#navbar-main .navbar-brand:hover,
#navbar-main .navbar-brand:focus {
  color: var(--asu-gold) !important;
  text-decoration-line: underline;
  text-decoration-color: var(--asu-gold);
  /*
  transform: scale(1.06);
  */
}

#navbar-main #navbar-content .nav-link {
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

#navbar-main #navbar-content .nav-link:hover,
#navbar-main #navbar-content .nav-link:focus-visible {
  color: var(--asu-gold) !important;
  text-decoration-line: underline;
  text-decoration-color: var(--asu-gold);
}

#navbar-main #navbar-content .nav-link:hover span,
#navbar-main #navbar-content .nav-link:focus-visible span {
  color: var(--asu-gold) !important;
}

#navbar-main #navbar-content .nav-link.active,
#navbar-main #navbar-content .nav-item.active > .nav-link,
#navbar-main #navbar-content .navbar-nav .active > .nav-link,
#navbar-main #navbar-content .navbar-nav .nav-link.current {
  border-bottom: 0;
  color: var(--asu-gold) !important;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: var(--asu-gold);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
}

#navbar-main #navbar-content .nav-link.active span,
#navbar-main #navbar-content .nav-item.active > .nav-link span,
#navbar-main #navbar-content .navbar-nav .active > .nav-link span,
#navbar-main #navbar-content .navbar-nav .nav-link.current span {
  color: var(--asu-gold) !important;
  font-weight: 700;
}

@media (min-width: 992px) {
  #navbar-main #navbar-content {
    justify-content: flex-end !important;
  }

  #navbar-main #navbar-content .navbar-nav {
    column-gap: 0.45rem;
    margin-left: auto;
  }

  #navbar-main .nav-icons {
    margin-left: 0 !important;
  }
}

@media (max-width: 991.98px) {
  #navbar-main #navbar-content {
    background-color: var(--asu-maroon) !important;
  }

  #navbar-main #navbar-content .navbar-nav {
    padding: 0.4rem 0;
  }

  #navbar-main #navbar-content .nav-link {
    color: var(--asu-gold) !important;
  }
}

.profile-photo-rectangle {
  display: inline-block;
  width: 270px;
  height: auto;
  max-width: 100%;
  border-radius: 0;
}

@media (max-width: 767.98px) {
  .profile-photo-rectangle {
    width: 200px;
  }
}