/*
Theme colors

Dark green: #007058

*/


body{
  font-family: 'Faune', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #007058;
  background: #fff;
  font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6, nav {
  font-weight: bold;
  font-style: italic;
}

p.lead, p .lead {
  font-weight: 100;
  font-size: 1.5em;
  font-style: normal;
}

p.small {
  font-weight: 100;
}


a, span, a.nav-link{
  text-decoration: none;
  border-bottom: 5px solid #007058;
  font-weight: bold;
  font-style: italic;
  color: inherit;
  
  -webkit-transition: color 0.5s, background 0.5s, opacity 0.3s; /* Safari 3.1 to 6.0 */
  transition: color 0.5s, background 0.5s, opacity 0.3s ;
}

p.lead a, p.lead span, a.nav-link {
  border-bottom: none;
}

a:hover, span:hover, a:focus, span:focus, a.nav-link:active, a.nav-link:hover, a.nav-link:focus, a.nav-link.active{
  background: #007058;
  color: #fff;
}

a::before, a::after, span::before, span::after {
  content:"\202F";
}

del {
  text-decoration: line-through;
  text-decoration-style: double;
  text-decoration-thickness: 0.02em;
}

.custom-tooltip {
  --bs-tooltip-bg: #007058;
  --bs-tooltip-color: #fff;
  font-family: 'Faune', sans-serif;
}

.badge {
  background: #007058;
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-size: 0.6em;
}

ul {
  list-style-type: circle;
}

.c-bgcard-large {
        margin:1em;
        padding: 0;
        width: 5em;
        max-width: 100vw;
        box-shadow: #ccc 0 0 10px;
      }

.c-bgcard-small {
        margin:1em;
        padding: 0;
        width: 2.5em;
        max-width: 100vw;
        box-shadow: #ccc 0 0 10px;
      }

.c-bgcard-ocaat {
        margin:1em;
        padding: 0;
        width: 3.5em;
        max-width: 100vw;
        box-shadow: #ccc 0 0 10px;
      }