.nav-link {
  color:white !important;
 }
 h1{
  font-size: 30px;
  }
  
 
  /* This ONLY targets .nav-link inside the .admin-dashboard wrapper */
#portal-column-content #content .mb-3 .nav-tabs .nav-item .nav-link {
    color: #555 !important; /* Your custom admin color */
}
#portal-column-content #content .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
        color: #555 !important; /* Your custom admin color */

    }
    #portal-column-content #content .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #555 !important; /* Your custom admin color */

    }

/* Add hover states the same way */
#portal-column-content #content .mb-3 .nav-tabs .nav-item .nav-link:hover {
    color: #c70039;
}

.paytab{
    color:#007bb1 !important;
}



/* Adding #content tells the browser to prioritize these cards over standard theme defaults */

#content .staff-grid-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 24px !important;
  padding: 16px 0;
}

/*
#content .staff-bio-snippet p {
  margin-top: 0 !important;
  margin-bottom: 14px !important; /* Adjust this value (e.g., 14px to 20px) to get the exact separation you want */
  line-height: 1.6 !important;
}
*/

/* Ensure the absolute last paragraph doesn't add accidental extra spacing at the bottom of the card */
/*
#content .staff-bio-snippet p:last-child {
  margin-bottom: 0 !important;
}
*/
#content .staff-bio-snippet {
  /* 1. Instructs the browser to render \n line breaks as actual line layout blocks */
  white-space: pre-line !important;
  
  /* 2. Standard base font spacing */
  line-height: 1.6 !important;
  color: #4a5568;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* 3. MAGIC TRICK: Targets the line breaks inside pre-line to inject a structural paragraph gap */
#content .staff-bio-snippet br {
  content: "";
  display: block;
  margin-top: 12px; /* Adjust this number higher or lower to get the exact paragraph separation you want */
}




#content .staff-card {
  background: #ffffff !important;
  border: 1px solid #f0f2f5 !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Card Container Adjustments */
.staff-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 24px;
  padding: 16px 0;
}

.staff-card {
  background: #ffffff;
  border: 1px solid #f0f2f5;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.025);
  display: flex;
  flex-direction: column;
}

.name-meta-section h3 {
  margin: 0 0 4px 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a202c;
}

.designation {
  margin: 0;
  font-size: 0.9rem;
  color: #718096;
}

/* Contact box matching the container layout style */
.contact-box {
  background-color: #f7f9fc;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 14px;
  font-size: 0.85rem;
  color: #4a5568;
}

.contact-item {
  margin-bottom: 4px;
}
.contact-item:last-child {
  margin-bottom: 0;
}

/* Social media row layout styling */
.social-links-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.social-icon {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  background-color: #edf2f7;
  color: #4a5568;
  text-decoration: none;
  transition: background 0.2s ease;
}

.social-icon:hover {
  background-color: #e2e8f0;
  color: #2d3748;
}

/* Optional: Emulate unique branding colors for social items similar to the screenshot badges */
.social-icon.LinkedIn { background-color: #ebf8ff; color: #2b6cb0; }
.social-icon.GitHub { background-color: #f7fafc; color: #1a202c; }
.social-icon.ResearchGate { background-color: #f0fff4; color: #2f855a; }

.card-footer-actions {
  margin-top: auto; /* Pushes the explore action to the absolute bottom of the card */
  padding-top: 14px;
  border-top: 1px solid #f7f9fc;
}

.explore-btn {
  font-weight: 600;
  color: #2b6cb0;
  text-decoration: none;
}

/* 1. Expand the photo layout, center it, and add a clean round border shape */
#content .staff-avatar {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 50% !important; /* Forces a perfect circle profile */
  border: 3px solid #edf2f7 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* 2. Push the name down further from the large circular avatar photo */
#content .card-header-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important; /* Increases structural separation under the image */
  margin-bottom: 12px !important;
}

/* 3. Drop the font size of the text block entries down */
#content .staff-bio-snippet span {
  font-size: 0.88rem !important; 
  line-height: 1.4 !important; /* Keeps individual paragraphs compact */
  color: #4a5568 !important;
}

/* 4. TIGHTEN INTER-PARAGRAPH SPACING: Controls the size of the newline breaks */
#content .staff-bio-snippet {
  white-space: pre-line !important;
}

/* Overrides raw whitespace sizing to create smaller, tightly controlled gaps */
@supports (-webkit-line-clamp: 1) {
  #content .staff-bio-snippet span {
    display: block !important;
    content: "";
    margin-top: -4px; /* Compensates for deep native line wraps */
  }
}