/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

a:link {
  color: #003399;
}

a:visited {
  color: #003399;
}

a:hover {
  color: #003399;
}

#award:hover {
  color: red;
}



/* the icon color changes when the mouse hovers on it*/
i:hover {
  color: DODGERBLUE;
  font-size: 32px;
}

body {
  font-size: 18px; 
  float: left; 
  margin-left: 280px;
}

/* image border */
img {
  /* max-width: 240px; */
  border: 1px solid gainsboro;
}

/* h3 header */
h3 {
  padding-top: 80px;
  margin-top: -80px;
}

#logo {
  width: 1.5em;
  margin-right: 3px;
  border: 0;
}


#div-image {
  float: left;
  width: 30%;
  padding-top: 50px;
  margin-left: -280px;
}

#div-bio {
  padding-top: 50px; 
  font-size: 18px
}

h3 {
  font-size: 30px;
}

#more {
  display: none;
  }

#showMoreBtn {
  margin-left: 40%;
}

#div-news {
  /* float: left; */
  /* width: 30%; */
  padding-top: 50px;
  /* margin-left: -280px; */
}

#div-twitter {
  width: 80%;
  float: right;
  padding-top: 120px;
  margin-right: -750px;
}

.twitter {
  float: right;
}

/* Category filter buttons */
.category-buttons {
  text-align: left;
}

.category-btn {
  background-color: #f0f0f0;
  border: 2px solid #003262;
  color: #003262;
  padding: 10px 20px;
  margin: 5px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}

.category-btn:hover {
  background-color: #003262;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 50, 98, 0.2);
}

.category-btn.active {
  background-color: #003262;
  color: white;
  box-shadow: 0 4px 8px rgba(0, 50, 98, 0.3);
}

.publication-item {
  transition: all 0.3s ease;
}

.publication-item.hidden {
  display: none;
}

/* Hide the hr separator after hidden publications */
.publication-item.hidden + hr {
  display: none;
}