html, body {
  height: 100%;
  margin: 0;
  font-family: Roboto, sans-serif;
  color: #2f2b2b;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Merriweather, serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, Segoe UI, lucida grande, helvetica neue, helvetica, Fira Sans, roboto, noto, Droid Sans, cantarell, oxygen, ubuntu, franklin gothic medium, century gothic, Liberation Sans, sans-serif;
    font-weight: inherit;
    line-height: inherit;
    color:#2f2b2b
}

.content {
  --bs-link-color: #007088;
  --bs-link-hover-color: #007088;
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-font-size: 13px;
  --bs-nav-link-icon-size: 24px;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -120px;
}

.navbar {
  min-height: 80px;
}

.navbar-expand-xl {
  background-color: rgba(0,0,0,.61);
  border-bottom: none;
}

.navbar-nav {
  float: right;
}

.navbar-nav > .nav-item:nth-child(1) {
  border-bottom: 7px solid #5e6e66;
}

.navbar-nav > .nav-item:nth-child(2) {
  border-bottom: 7px solid #007088;
}

.navbar-nav > .nav-item:nth-child(3) {
  border-bottom: 7px solid #598226;
}

.navbar-nav > .nav-item:nth-child(4) {
  border-bottom: 7px solid #96a19c;
}

.navbar-nav > .nav-item:nth-child(5) {
  border-bottom: 7px solid #009abb;
}

.navbar-nav > .nav-item:nth-child(6) {
  border-bottom: 7px solid #a5bd87;
}

.navbar-nav>li>a {
  line-height: 50px;
  font-size: 15px;
}

.navbar-expand-xl .navbar-nav>.nav-item>.nav-link,
.navbar-expand-xl .navbar-nav>li>a, .nav>li>a i {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 1px;
  padding: 15px 20px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.navbar-expand-xl .navbar-brand:focus, .navbar-expand-xl .navbar-brand:hover {
  color: transparent;
}

.navbar-expand-xl .navbar-nav>.active>a, .navbar-expand-xl .navbar-nav>.active>a:focus, .navbar-expand-xl .navbar-nav>.active>a:hover , .navbar-expand-xl .navbar-nav>li>a:focus, .navbar-expand-xl .navbar-nav>li>a:hover, .nav>li.active>a i, .navbar-expand-xl .navbar-nav>.active>a:hover i, .navbar-expand-xl .navbar-nav>li>a:focus i {
  background-color: rgba(255,255,255,.15)!important;
  color: #fff;
  border-bottom: none;
}

.navbar-expand-xl .dropdown-menu {
  background-color: rgba(0,0,0,.85);
  padding: 25px 12px;
  margin-top: 7px;
  min-width: 200px;
}

.navbar-expand-xl .dropdown-menu li {
  padding: 0;
}

.navbar-expand-xl .dropdown-menu>li>a {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  color: #d0d8e0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 21px;
  padding: 10px 50px 10px 20px;
  border-bottom: none;
}

.navbar-expand-xl .dropdown-menu>li:first-child a {
  border: none;
}

.navbar-expand-xl .navbar-nav>.open>a, .navbar-expand-xl .navbar-nav>.open>a:focus, .navbar-expand-xl .navbar-nav>.open>a:hover {
  color: #259dae;
  display: block;
  background-color: transparent;
}

.navbar-expand-xl .dropdown-menu>li>a:focus, .navbar-expand-xl .dropdown-menu>li>a:hover,
.navbar-expand-xl .dropdown-menu>.active>a, .navbar-expand-xl .dropdown-menu>.active>a:focus, .navbar-expand-xl .dropdown-menu>.active>a:hover {
  color: #259dae;
  background-color: transparent;
  text-decoration: underline;
}

/* Sidebar    ---------------------------- */
.content .nav-pills > li > a {
  color: #0a0a0a;
  border-radius: 0;
  padding: 20px 10px 20px 7px;
}

.content .nav-pills > li > a:hover {
  color: #032457;
  border-radius: 0;
}

.content .nav:not(.nav-hidden).nav-stacked {
  background-color: rgba(0,112,136,.1);
}

.content .nav:not(.nav-hidden).nav-stacked .nav-item {
  padding: 0 17.5px!important;
  line-height: 1.25;
}

.content .nav:not(.nav-hidden).nav-stacked .nav-item:last-child:not(:first-child) {
  padding-bottom: 25px!important;
}

.content .nav:not(.nav-hidden).nav-stacked .nav-item a {
  border-top: 1px solid rgba(0,112,136,.4);
  font-size: 17px;
  font-weight: 700;
  color: #2a2f2e;
}

.content .nav:not(.nav-hidden).nav-stacked .nav-item:first-child a {
  border-top: none;
}

.content .nav:not(.nav-hidden).nav-stacked .nav-item a.nav-link:hover {
  background: rgba(0,70,85,.1)!important;
}

.content .nav:not(.nav-hidden).nav-stacked .nav-item a.active  {
  font-weight: 400;
}


/* Footer     ---------------------------- */


.content {
  /*
  --bs-link-color: #840c1d;
  --bs-link-hover-color: #8399a1;
  */
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-font-size: 13px;
  --bs-nav-link-icon-size: 24px;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
}

/* Embeddable widgets     ---------------- */
.content-embed {
  --bs-link-color: #007088;
  --bs-link-hover-color: #007088;
  */
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-font-size: 13px;
  --bs-nav-link-icon-size: 24px;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;

  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;

  --cv-brand-color: #007088;
  --cv-brand-color-transparent: #00708810;
  --cv-brand-color-primary: rgba(0,0,0,.61);
  --cv-brand-color-secondary: #598226;
  --cv-brand-color-inverse: #ffffff;

  --cv-sidebar-bg-color: var(--cv-brand-color-primary);
  --cv-sidebar-color: var(--cv-brand-color-inverse);
  --cv-sidebar-active-bg-color: var(--cv-brand-color-inverse);
  --cv-sidebar-active-color: var(--cv-brand-color-primary);

  background-color: #efeded;
}

.content-embed .nav-pills>li {
  border: none;
}

.content-embed .nav-pills:first-child  {
  border-top: none;
}

.content-embed .nav-pills>li.active {
  border-right: none;
}

.content-embed .value-box-showcase {
  background-color: #ffb249;
}
