body {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #fff; /* adjust as needed */
  background-color: #26323d; /* matches your dark theme */
}

  /* Headings styling */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    margin-top: 0;
  }

  /* Optionally, adjust other elements for improved readability */
  p {
    margin-bottom: 1rem;
  }

  .sticky-nav {
    position: sticky;
    top: 75px; /* Adjust this value to match your navbar's height */
    z-index: 1000;
}

/* Back to Homepage Button */
.btn-home {
  background-color: #26323d; /* Same as navbar background */
  color: #fff;
  border: 2px solid #3498db;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.btn-home:hover {
  background-color: #023353;
  color: #fff;
  border: 2px solid #3498db;
}

/* modified MDB CSS - for Refresh button */
.btn-floating {
  background-color: transparent;
  color: #fff;
  border: 2px solid #3498db;

}

.btn-floating:hover {
  background-color: #023353;
  color: #fff;
  border: 2px solid #3498db;
}

  /* Style for news subcategory buttons */
#news-v-pills .nav-link {
  border-radius: 20px;         /* Rounded corners */
  background-color: #faf8f8;     /* Light background initially */
  color: #333;                 /* Dark text */
  margin-bottom: 10px;         /* Spacing between buttons */
  transition: background-color 0.3s ease, color 0.3s ease;
  
}

#news-v-pills .nav-link:hover {
  background-color: #343a40;   /* Dark background on hover */
  color: #fff;                 /* White text on hover */
}

/* Optional: style for the active state */
#news-v-pills .nav-link.active {
  background-color: #343a40;
  color: #fff;
}





/* Main Category Buttons Style */
#ex1 .nav-link {
  border: 2px solid #4a5056;
  border-radius: 30px;
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  transition: all 0.3s ease;
  background-color: transparent;
}

/* News button (red) */
#news-tab {
  border-color: #ff7043;
  color: #ff7043;
}
#news-tab:hover,
#news-tab.active {
  background-color: #e74c3c;
  color: #fff;
  
}

/* Base styling for News subcategory buttons */
#news-v-pills .nav-link {
  border-radius: 30px; /* Rounded corners */
  margin-bottom: 10px; /* Spacing between buttons */
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* Active button (Trending) */
#news-v-pills .nav-link.active {
  background-color: #e74c3c;
  color: #fff;
  border: none; /* No border needed when active */
}

/* Default (non-active) state for the other buttons */
#news-v-pills .nav-link:not(.active) {
  background-color: #3d4348;  /* Dark background */
  color: #fff;
  border: 1px solid #e66b5d;  /* 1px border with #e74c3c */
}

/* Hover effect for non-active buttons */
#news-v-pills .nav-link:not(.active):hover {
  background-color: #e74c3c;
  color: #fff;
}

/* Sports button (blue) */
#sports-tab {
  border: 2px solid #fff;
  border-color: #3498db;
  color: #3498db;
}
#sports-tab:hover,
#sports-tab.active {
  background-color: #3498db;
  color: #fff;
  
}

/* Base styling for News subcategory buttons */
#sports-v-pills .nav-link {
  border-radius: 30px; /* Rounded corners */
  margin-bottom: 10px; /* Spacing between buttons */
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* Active button (Trending) */
#sports-v-pills .nav-link.active {
  background-color: #459bd9;
  color: #fff;
  border: none; /* No border needed when active */
}

/* Default (non-active) state for the other buttons */
#sports-v-pills .nav-link:not(.active) {
  background-color: #3d4348;  /* Dark background */
  color: #fff;
  border: 1px solid #459bd9;  /* 1px border with #e74c3c */
}

/* Hover effect for non-active buttons */
#sports-v-pills .nav-link:not(.active):hover {
  background-color: #459bd9;
  color: #fff;
}

/* Finance button (green) */
#finance-tab {
  border-color: #27ae60;
  color: #27ae60;
}
#finance-tab:hover,
#finance-tab.active {
  background-color: #27ae60;
  color: #fff;
  
}

/* Base styling for News subcategory buttons */
#finance-v-pills .nav-link {
  border-radius: 30px; /* Rounded corners */
  margin-bottom: 10px; /* Spacing between buttons */
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* Active button (Trending) */
#finance-v-pills .nav-link.active {
  background-color: #27ae60;
  color: #fff;
  border: none; /* No border needed when active */
}

/* Default (non-active) state for the other buttons */
#finance-v-pills .nav-link:not(.active) {
  background-color: #3d4348;  /* Dark background */
  color: #fff;
  border: 1px solid #27ae60;  /* 1px border with #e74c3c */
}

/* Hover effect for non-active buttons */
#finance-v-pills .nav-link:not(.active):hover {
  background-color: #27ae60;
  color: #fff;
}

/* Tech button (yellow) */
#tech-tab {
  border-color: #fcb314;
  color: #fcb314;
}
#tech-tab:hover,
#tech-tab.active {
  background-color: #fcb314;
  color: #333;
  
}

/* Base styling for News subcategory buttons */
#tech-v-pills .nav-link {
  border-radius: 30px; /* Rounded corners */
  margin-bottom: 10px; /* Spacing between buttons */
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* Active button (Trending) */
#tech-v-pills .nav-link.active {
  background-color: #fcb314;
  color: #fff;
  border: none; /* No border needed when active */
}

/* Default (non-active) state for the other buttons */
#tech-v-pills .nav-link:not(.active) {
  background-color: #3d4348;  /* Dark background */
  color: #fff;
  border: 1px solid #fcb314;  /* 1px border with #e74c3c */
}

/* Hover effect for non-active buttons */
#tech-v-pills .nav-link:not(.active):hover {
  background-color: #fcb314;
  color: #fff;
}


/* Good News button (purple) */
#fun-tab {
  border-color: #9b59b6;
  color: #ca8ae4;
}
#fun-tab:hover,
#fun-tab.active {
  background-color: #9b59b6;
  color: #fff;
  
}

/* Base styling for News subcategory buttons */
#fun-v-pills .nav-link {
  border-radius: 30px; /* Rounded corners */
  margin-bottom: 10px; /* Spacing between buttons */
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* Active button (Trending) */
#fun-v-pills .nav-link.active {
  background-color: #9b59b6;
  color: #fff;
  border: none; /* No border needed when active */
}

/* Default (non-active) state for the other buttons */
#fun-v-pills .nav-link:not(.active) {
  background-color: #3d4348;  /* Dark background */
  color: #fff;
  border: 1px solid #9b59b6;  /* 1px border with #e74c3c */
}

/* Hover effect for non-active buttons */
#fun-v-pills .nav-link:not(.active):hover {
  background-color: #9b59b6;
  color: #fff;
}



/*

  #news-v-pills .nav-link-alt {
    border-radius: 30px;
    background-color: #343a40;  
    color: #fff;                  
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 1px solid #99d5fc;
    padding-top: 15px 12px 15px 12px;;
     
    
  }
  
  #news-v-pills .nav-link-alt:hover {
    background-color: #343a40;
    color: #fff;          
  }

  */