div#users-header,
header {
    display: flex;         /* Alignment magic starts here */
    align-items: center;   /* Vertically centers the text with the logo */
    gap: 20px;             /* Adds space between the logo and the tagline */
    margin-bottom: -2px;
}

div#users-header #tagline,
header #tagline {
    color: #ffab40;
    font: Roboto
    font-weight: bold;
    font-size: 28pt;
    letter-spacing: 1px;
    white-space: nowrap;   /* Keeps the tagline on one line */
    padding-left: 0px;
    margin: 0 0 -1px 0;
}

div#users-header #header-logo,
header #header-logo {
    height: 65px;
    border: none;
    outline: none;
}

div#users-header #header-logo:hover,
header #header-logo:hover {
    opacity: 0.8;
}

div#users-header #users-nav,
header #industry-nav {
    list-style-type: none; /* Removes the bullets */
    margin: 0;
    padding: 0;
    display: flex;         /* Makes the list horizontal */
    gap: 20px;             /* Adds space between the items */
    justify-content: center; /* Centers the whole menu (optional) */
    margin-bottom: -4px;
}

div#users-header #users-nav li,
header #industry-nav li {
    display: inline-block;
    font-family: Verbana, sans-serif;
    font-size: 12pt;
    background-color: transparent;
    color: #008dca;
    padding: 4px 9px 0 8px;
    margin-bottom: -2px;
    position: relative;
}

header #industry-nav li::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #007bff;
  transition: width 0.3s ease-in-out;
}

header #industry-nav li a:hover {
    color: #008dca;
}

header #industry-nav li:hover::after {
    width: 100%;
}

header #industry-nav li.active {
    background-color: #008dca;
    color: #ffffff;
}

header #industry-nav li a,
header #industry-nav li a:visited, 
header #industry-nav li a:active,
div#users-header #users-nav li a,
div#users-header #users-nav li a:visited, 
div#users-header #users-nav li a:active {
    text-decoration: none;
    color: inherit; 
}