@charset "utf-8";
/* CSS Document */

body {font-size:18px;}
.dbruin { color:#7b6a58;}
.bruin { color:#a48a7b;}
.lbruin { color:#cac5b6;}
.bgbruin { background-color:#F2F0EC;}

.transform {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }

.logo-goud {position:absolute;top:50px;left:50px;width: 300px;}
.bg-body-tertiary {    background-color: #fff!important;}

.dropdown-menu {border:0px; margin-bottom:10px;}

h1, h2, h3, h4 { font-family: 'Gilda Display', serif; letter-spacing: 5px;color:#a48a7b;font-weight: bold;}
h5 { font-family: 'Gilda Display', serif; color:#a48a7b;font-weight: bold;}

.intro {font-size:18px;}

a {color:#a48a7b;}
a:hover {color:#7b6a58;}

a.icons {color:#a48a7b;text-decoration: none; }
a.icons:hover {color:#7b6a58;font-weight: bold;}

a.projecten {text-decoration: none;}

.blauwebank {margin-top:-250px}
ul.bullet {
  list-style: none; /* Remove default bullets */
}

ul.bullet li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #7b6a58; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.3em; /* Also needed for space (tweak if needed) */
  margin-left: -1.3em; /* Also needed for space (tweak if needed) */
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a48a7b;
    --bs-btn-border-color: #a48a7b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7b6a58;
    --bs-btn-hover-border-color: #7b6a58;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7b6a58;
    --bs-btn-active-border-color: #7b6a58;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7b6a58;
    --bs-btn-disabled-border-color: #7b6a58;
}
	
.nav-link {color:#a48a7b;}
.nav-link:hover {color:#7b6a58;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#7b6a58;}

.dropdown-item {color: #a48a7b;}
.dropdown-item:focus, .dropdown-item:hover {color: #7b6a58;}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #a48a7b;;
}

.card {	--bs-card-border-color: #fff;}

.parallax {
    height: 500px;
    background-attachment: fixed;
    background-position: bottom ;
    background-repeat: no-repeat;
    background-size: cover;
}
.agenda-img {background-size:cover;background-position:center center;height:300px;opacity:0.8}
a .agenda-img h4 {text-decoration: none;text-transform: uppercase;}
.agenda-img:hover h4 {text-decoration: none;display:none;}
	
.grow {display:inline-block;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.grow:hover {transform: scale(1.1);}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;}
	
.agenda-img {height:180px;
	}}
	
@media (min-width: 1260px) 	{ 
.agenda-img {height:200px;}
}
@media (max-width: 992px) 	{ 
}


@media (max-width:767px){
	.logo-goud {top:20px;left:20px;width: 200px;}
	.blauwebank {margin-top:0px}
.agenda-img {height:300px;}
	.testimonialafb {height:100px;width: 100px;}
}

@media only screen and (min-width: 601px){
.parallax img {
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
	}}