#tablist {
  list-style: none;
  margin: 0;
  padding: 0;
}

#tablist li {
  background-color: #8CAAC8;	
  border: 1px solid black;
  border-bottom: none;
  border-radius: 0.5em 0.5em 0 0;
  display: inline;
  color: white;
  font-weight: bold;
  height: 1em;
  padding: 0.5em 0.5em 10px;
}

#tablist li:focus, 
#tablist li:hover {
  background-color: red;
}

#tablist li[aria-selected="true"] {
  background-color: #46688E;
  padding: 0.5em 0.5em 11px;  
}

#tablist li[aria-selected="false"] {
  background-color: #8CAAC8;
  padding: 0.5em 0.5em 11px;  
}

#tabcontent {
  background-color: white;
  border: 1px solid black; 
  margin-top: 10px;
  padding: 1em;
}

[aria-hidden="true"] {
  display: none;
}
 
[aria-hidden="false"] {
  display: block;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #8CAAC8;
  color: white;
  border: 1px solid #8CAAC8;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #46688E;
    font-weight: bold;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #fff;
    background-color: #8CAAC8;
    font-weight: bold;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-link {
  padding: 2rem;

  &:hover {
        background-color: #8CAAC8;
    },
  &:active {
    background-color: blue;
  }
}

h1 {
  color: #46688E;
  font-weight: bold;
}

h2 {
  color: #46688E;
  font-weight: bold;
}

h2 .headline {
  font-size: 20px;
  font-weight: bold;
  color: black;
}

h3 {
  color: #46688E;
  font-weight: bold;
}

h4 {
  color: #46688E;
  font-weight: bold;
}

h5 {
  color: #46688E;
  font-weight: bold;
}

th  {
  font-weight: bold;
  color: #46688E;
}

.slider {
  color: lightgrey;
  font-weight: bold;
}

.press {
  color: black;
  font-weight: bold;
}

.presssubheading {
  color: black;
  font-weight: bold;
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}

.pressauthor {}

p.pressauthor {
  color: grey;
}

.navbar {
  margin-bottom: 0;
  color: #46688E;
  background-color: white;
  font-weight: bold;
  font-size: 20px; 
  z-index: 9999;
  border: 0;
  border-radius: 0;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  color: white;
  background-color: #46688E;
}

.navbar-nav li a {
    color: #46688E;
}