#navbar-main {
    background-color: #eaeaea;
    padding-bottom: 0;
    padding-left: 1rem;
}

.navbar .navbar-nav .nav-item .nav-link {
    color: rgba(0, 0, 0, 0.5);
    padding: 10px 20px 10px 20px;
}

.navbar .navbar-nav .nav-item .is-active {
    color: #555;
    background-color: #b0b0b0;
}

.cover-image {
  height:50vh;
}

.container {
  width: 100%;
  max-width: 100%;
}

.text-primary {
  color: #cdcdcd !important;
}

/* Vertical tabs
 * adapted from https://www.w3schools.com/howto/howto_js_vertical_tabs.asp
 */
* {box-sizing: border-box}

.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width:100%;
  border-right:none;
}

.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}

.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  width:100%;
  margin-top:1%;
}

.tabcol {
  padding-right:0;
}

.tabcontentcol {
  padding-left: 0;
  border: 1px solid #ccc;
}
/* End vertical tabs */


/* nav tabs */
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
 color: rgb(142, 142, 142)
}
/* End nav tabs */