body, .card-body p {color: #443300;}

body.site {border-top: 3px solid #338800;}

body {
background-color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 20px;
border: 1px solid rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}

/* om hamburger te kunnen zien */
.container-header .navbar-toggler {color:#333; font-size: 28px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight: 500;}
p {line-height: 1.4rem;}

a {color: #338800;}

h1, h1.card-header, h2, h2.card-header, h3, h3.card-header {color: #663300;}

.bgdlichtgroen {background-color: rgba(220, 240, 220, 0.2);}
.bgdmenu {background-color: #9f0;}

.beeldlinks {float: left; margin-right: 20px;}
.tekening {float: left; margin-right: 20px;}

/* om logo en zo te stylen */
.container-header {background-color: #fff; background-image: none;}
.container-header .navbar-brand a {color: #660000; text-decoration: none;}
.container-header .navbar-brand a:hover {color: #005e8d;}
.container-header .site-description {color: #660000; font-style: italic;}
.container-header .mod-menu {padding: 2px 12px; border: 1px solid #eee; background-color: rgba(220, 240, 230, 0.1);}
/* om menu-items kleur te geven */
.container-header .mod-menu > li > a {color: #380;}

/* - - nu menu-items stylen - - */
.container-header .mod-menu > li + li {margin-left: 0.80em; padding: 2px 8px; border-radius: 5px;}
.container-header .mod-menu .nav-item.current {background: #338800;}
.container-header .mod-menu .nav-item.current a {color: #ffffff!important;}

/* Hide sub-menu by default 
.nav-item .mm-collapse {
  display: none;}
/* Show sub-menu on hover 
.nav-item:hover .mm-collapse {
  display: block;} */

@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-md .navbar-collapse:not(.show) {
display: none!important;
}
}

@media (max-width: 991px) {
.navbar-expand-md .navbar-toggler {
display: block!important;
}
}