.tusom-nav-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    list-style-type: none;
}

.tusom-nav-bar a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    color: #333; /* Text color */
    flex: 1 1 calc(100% / 6); /* Ensures equal sizing and responsiveness */
}

.tusom-nav-bar a:hover {
    background-color: #e5e5e5; /* Hover effect */
    border-color: #999;
}

.tusom-nav-bar .tusom-separator {
    content: "|";
    margin: 0 5px;
    color: #ccc;
    display: inline-block;
}

/* Responsive Adjustments */

/*Large Screens*/
.tusom-nav-bar div {
width:100;
  flex: 1 1 calc(100% / 7); /* Ensures equal sizing and responsiveness */
    text-align: center;
}

/*Medium Screens*/
@media (min-width: 769px) and (max-width: 1245px) {
.tusom-nav-bar div {
    flex: 1 1 calc(100% / 3); /* Ensures equal sizing and responsiveness */
    text-align: center;
}
}

@media (max-width: 768px) {
    .tusom-nav-bar div {
        flex: 1 1 100%; /* Full width on smaller screens */
    }
}

/*OLD TABS - Need to verify not in use*/
/* Style the buttons inside the tab */
/*.tab button {*/
/*  background-color: inherit;*/
/*  float: left;*/
/*  border: none;*/
/*  outline: none;*/
/*  cursor: pointer;*/
/*  padding: 14px 16px;*/
/*  transition: 0.3s;*/
/*  font-size: 17px;*/
/*}*/

/* Change background color of buttons on hover */
/*.tab button:hover {*/
/*  background-color: #ddd;*/
/*}*/

/* Create an active/current tablink class */
/*.tab button.active {*/
/*  background-color: #ccc;*/
/*}*/

/* Style the tab content */
/*.tabcontent {*/
/*  display: none;*/
/*  padding: 6px 12px;*/
/*  border: 1px solid #ccc;*/
/*  border-top: none;*/
/*}*/

/*Hide on smaller devices*/
/*@media only screen and (max-width: 1290px) {*/
/*    .hide-this {*/
/*        display: none;*/
/*    }*/
/*}*/


/*Read More Links*/

.more {
      display: none;
      }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      padding-left: 8px;
      background: transparent url(down.gif) no-repeat left; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat left; }

      
/*Sidebar Menus*/

#block-departments-3 {
	margin-top: 40px;
}