/* Override Hyde sidebar color */
.sidebar {
  background-color: #03045e !important;
}


/* Optional: readable white text */
.sidebar a,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar p {
  color: #ffffff !important;
}


.headshot {
  width: 180px;          /* change size as needed */
  border-radius: 50%;    /* makes it circular */
  display: block;
  margin: 0 0 1.5rem 0;  /* spacing -> top:0 right:0 bottom:1.5rem left:0 */
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

/* Mobile-only centering for hero block */
@media (max-width: 600px) {
  .hero-block {
    text-align: center;
    margin-top: 20px;
  }

  .hero-block .headshot {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Sidebar icon styling */
.sidebar-icons {
  margin-top: 15px;
  display: flex;
  gap: 18px;              /* more space between icons */
  align-items: center;
}

.sidebar-icons a svg {
  width: 16px;            /* smaller icons */
  height: 16px;
}

.sidebar-icons a:hover svg {
  opacity: 0.5;
}

/* Mobile-only centering */
@media (max-width: 600px) {
  .sidebar-icons {
    justify-content: center;   /* center icons on mobile */
    gap: 22px;                 /* even more breathing room on small screens */
  }
}

/* Sidebar link behavior: normal = full opacity, hover = dimmed */
.sidebar a {
  opacity: 1.0;
  transition: opacity 0.1s ease;
}

.sidebar a:hover {
  opacity: 0.5;
}

.sidebar a:active {
  opacity: 0.4;   /* optional: slight press effect */
}
.sidebar-nav-item.active {
  opacity: 1 !important;
  font-weight: bold;  /* optional */
}

/* Remove underline from sidebar links (normal + hover + active) */
.sidebar a,
.sidebar a:hover,
.sidebar a:active,
.sidebar a:focus {
  text-decoration: none !important;
}