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

/* kleuren
bruin: #8E7960
donkerbruin: #6C5D4A
*/

.page-header{
  border:0;
  padding:0;
  margin:0;
}

#component {
  	background: #8E7960;
  	padding:0 30px 20px 30px;
}

.itemid-110 #component{
  	background: rgba(142, 121, 96, 0.45);
  
}



/* simpele menu knop */
.navbar .btn-navbar{
  	float:none;
  	background:transparent !important;
  	border:0;
}
.navbar .btn-navbar .icon-bar{
  	background: #8E7960;
  	margin-left: auto;
	margin-right: auto;
  	box-shadow:none;
}
/* /simpele menu knop */

.icon-chevron-right{
	display:none;
}
.btn, .project-wrapper .btn-go-back{
  border:1px solid #fff;
  background:transparent;
  box-shadow:none;
  text-shadow:none;
  color:#fff;
  margin: 30px 0 0 0;
  font-style:normal;
}




#main .achtergrond .random-image::after{
  content:'';
  height:100px;
  width:100%;
  bottom:0;
  display:block;
  margin-top:-100px;
  z-index:99;
  position:relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e7960+0,8e7960+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(142,121,96,0) 0%, rgba(142,121,96,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(142,121,96,0) 0%,rgba(142,121,96,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(142,121,96,0) 0%,rgba(142,121,96,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008e7960', endColorstr='#8e7960',GradientType=0 ); /* IE6-9 */

}

/*css globale styles*/
fieldset, legend{
	padding:0;
	margin:0;
	border:0;
}

dd, dt{
	margin:0;
	padding:3px 0;
}

p{
	line-height:150%;
}

h1, h2, h3, h4, h5, h6{
	margin:5px 0;
	font-weight: bold;
	font-family: Georgia,Times,Times New Roman,serif; 
    line-height: 30px;
}
h1{
	font-size:18px;
  	padding: 10px 0;
  	margin-bottom:20px;
}
h2, .project-item-meta h4{
	font-size:18px;
  	padding: 10px 0;
  	margin-bottom:20px;
}
h3{
  	font-size:18px;
  	padding: 10px 0;
  	margin-bottom:20px;
}

h4{
	font-size:16px;
}
h5{
	font-size:15px;
}

img a{
	border:0;
}

ul{
	margin:0;
	padding:0;
}

li{
  	list-style:inside;
  	padding: 0 0 10px 0;
}

html, body{
	margin:0;
	padding:0;
	width:100%;
}

body {
	font-family: Georgia,Times,Times New Roman,serif; 
	font-size:18px;
 	color:#000;
  	z-index:-99;
  	position:relative;
}

/* /css standaard styles*/

/* algemeen */
#component.homepagina{
  	background:#8E7960;
  	padding: 0 30px;
}
#component{
  	color:#fff;
}
#component .items-row{
  	background:rgba(255,255,255,0.4);
  margin-bottom:10px;
}
#component .pull-right.item-image{
  	width:50%;
  	float:right;
  	margin-right: -30px;
	padding-left: 30px;
}



.achtergrond{
	position: absolute;
  	z-index: -9999;
  	background:#fff;
}

.achtergrond img{
	width:100%;
  	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#container {
    margin-left:auto;
    margin-right:auto;
}

.logo{
	position:relative;
}

.navbar-inner{
 	padding:0;
}

#main{
	position:relative;
  	background:#8E7960;
  	z-index:-9;
  	padding-bottom: 100px;
}

.logo_container{
	background:#fff;
	position:absolute;
  	z-index:999;
	width: 100%;
	padding: 30px 20px;
    box-sizing: border-box;
  	height: 160px;
}

#regel-a{
  	background:#fff;
  	text-align:center;
  	padding:30px 0;
}
#regel-a h3{
  	color:#8E7960;
  	font-size:25px;
}
#regel-a img{
  height:60px;
  border-radius:10px;
  margin: 0 40px 20px;
}

#regel-b{
  	background:url(../images/achtergrond-regel-b.jpg);
  	background-size:100% auto;
}
#regel-b .moduletable{
  	background:rgba(0,0,0,0.7);
  	color:#fff;
  	padding:30px;
  	float:right;
  	margin: 15% 0;
}
#regel-b .filter{
  	background:rgba(255,255,255,0.2);
  	overflow: auto;
}

#klantrecensies{
  	background:#fff;
  	text-align:center;
  	color:#6C5D4A;
  	padding:30px 0;
}
#klantrecensies h3{
  	color:#8E7960;
  	font-size: 25px;
}
#klantrecensies img{
  display:none;
  height:0;
  width:0;
}
.camera_caption > div{
  	background:none;
 	color:#8E7960;
  	padding: 0 15%;
	text-align: left;
}
.camera_caption{
  top:0;
}

/* /algemeen */

/* navigatie */
.navbar-collapse .nav > li:last-child a{
  	padding-right:0;
}
.navbar{
  	margin-bottom:0;
  	font-size:18px;
  	font-weight:bold;
  	font-family: Georgia,Times,Times New Roman,serif;
  	font-style:italic;
	padding-top:10px;
  height: 80px;
}
.navbar-inner{
  	background:none;
  	border:none;
  	border-radius:0;
  	box-shadow:none;
}
.navbar .nav > li > a{
  	text-shadow:none;
  	color:#FFF;
	padding:20px 15px;
	font-weight:normal;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret{
	border-bottom-color:#8E7960;
  	border-top-color:#8E7960;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  	border-bottom-color:#8E7960;
  	border-top-color:#8E7960;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{
  	color:#ea2d1f;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
  	background:#fff;
  	box-shadow:none;
  	color:#6C5D4A;
  	text-decoration:underline;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
  	background:	inherit;
  	color:#8E7960;
}
.navbar .nav{
  	float:right;
  	margin:0;
}
.navbar .nav li{
	list-style:none !important;
}
/* submenu */
.nav>li:hover>ul{
  display: block;
  white-space: nowrap;
  position: absolute;
  top: 150%;
}
.open > .dropdown-menu{
  	background:#fff;
}
.dropdown-menu > li > a{
  	color:#FFF;
}
.dropdown-menu{
  	border:none;
  	border-radius:0;
  	margin:0;
  	border-bottom:3px solid #fff;
}
.navbar-collapse .nav > li > a:hover,
.navbar-collapse .nav > li > a:focus,
.navbar-collapse .dropdown-menu a:hover,
.navbar-collapse .dropdown-menu a:focus {
    color:#8E7960;
}
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after{
  	border:none;
}
.navbar-collapse .nav > li > a, .navbar-collapse .dropdown-menu a{
  	color:#8E7960;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
  	background:#fff;
  	box-shadow:none;
  	
}
/* ingeklapt menu */
.navbar-collapse .nav > li > a, .navbar-collapse .dropdown-menu a {
  	border-radius:0;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  padding: 20px 15px;
}

/* /navigatie */

/* header */

#header{
	background:#FFF;
	position:relative;
  	height: 80px;
}
#header2{
	background:#F6F6F6;
	position:relative;
}

/* /header */

/* visual */

#visual img{
  	width:100%;
  	height:100%;
}
#visual{
    background:rgba(255,255,255,0.3);
  	color:#fff;
  	display: flex;
  	margin-bottom:10px;
  	margin-top: 80px;
}
#visual .moduletable:nth-child(3){ 
  	background:#8E7960;
  	padding:0 30px;
}

/* /visual */

/* inhoud */

#content{
	padding:30px 0 30px 0;
	overflow:auto;
}
#content ul{
	list-style-type:disc;
	color:DB3700;
	list-style-position:inside;
	padding:10px 0;
}
#content li{
	padding:2px 0;
}
#content a{
	color:#DB3700;
}
#content a:hover{
	color:#F38603;
}
#content table{
	border-collapse: collapse;
	color:#000;
}		
#content table, #content th, #content td{
	border:1px solid #FCDBBB;
	padding:6px;
}
#content th{
	background:#FCDBBB;
}
#main p{
  	font-style:italic;
}

/* /inhoud */

/* slider */

.camera_commands{
	display:none;
}
.camera_prev, .camera_next{
    background-color:transparent;
}
.camera_prev > span, .camera_next > span{
  background:url(../images/pijl.png);
  background-repeat:no-repeat;
  background-size:50% 50%;
  background-position:center center !important;
}
.camera_next > span{
  transform:rotate(180deg);
}
.camera_caption_desc{
  font-style:italic;
}


/*footer*/
#footer{
  font-size: 20px!important;
	padding:30px 0 100px;
	color:#fff;
	background:#8E7960;
}
#footer h3{
  	font-size: 20px!important;
	color:#fff;
 	margin-bottom: -5px;
	padding-bottom: 0;
}
#footer .moduletable{
  float: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px!important;
}
#footer li{
	list-style:none;
  	padding:10px 25px;
}
#footer .moduletable:first-child li:nth-child(1){
  	background:url(../images/icon_huisje.png) no-repeat left center / 15px auto;
}
#footer .moduletable:first-child li:nth-child(2), #footer .moduletable:first-child li:nth-child(3){
  	background:url(../images/icon_tijd.png) no-repeat left center / 15px auto;
}
#footer .moduletable:first-child li:nth-child(3), #footer .moduletable:first-child li:nth-child(4){
  	background:url(../images/icon_tel.png) no-repeat left center / 15px auto;
}
#footer .moduletable:first-child li:nth-child(5){
  	background:url(../images/icon_mail.png) no-repeat left center / 15px auto;
}

#footer .moduletable:last-child li:nth-child(1){
  	background:url(../images/icon_huisje.png) no-repeat left center / 15px auto;
}
#footer .moduletable:last-child li:nth-child(2){
  	background:url(../images/icon_tijd.png) no-repeat left center / 15px auto;
}

#footer_area{
  margin:0 15%;
}
	
/* /footer */


@media (max-width: 767px) {
/* Kleine versie */
  .navbar{
    text-align:center;
    margin-top:0;
  }
  #header{
    height:auto;
  }
  #visual{
    display:block;
    margin-top:0;
  }
  #visual .moduletable:nth-child(2){
    padding:0 30px 30px;
  }
  #visual img{
    height:auto;
  }
  .random-image{
    height:200px;
    overflow:hidden;
  }
  .header {
    padding:0 20px;
 	}
  .logo_container{
    padding:10px 0;
    text-align:center;
  }
  .logo_container img{
    max-height:60px;
  }
  #regel-a img{
    margin:10px 0;
  }
  #component .pull-right.item-image{
    width:auto;
    float:none;
    margin-right:0;
    padding-left:0;
  }
  #footer .moduletable{
    padding:0 30px;
  }
  .logo_container{
    position:relative;
  }
  .logo_container{
    height:auto;
  }
  .navbar .nav{
    float:none;
  }
  .navbar .nav > li > a{
    padding: 5px 15px;
  }
  #footer_area{
  margin:0;
	}
  #component .page-header{
    float:none;
    width:100%;
  }
  
  .moduletable.meubels{
        padding: 0 30px 30px;
  }
}

/*advanced portflio*/
div#projects-wrapper{
  display: flex;
  flex-wrap: wrap;
  height: auto!important
}

#projects-wrapper .isotope-item{
  position: relative!important;
  display: flex;
  width: 50%!important;
  left: auto!important;
  top: auto!important;
background: rgba(255,255,255,0.4);  
}

#projects-wrapper .project-img, #projects-wrapper .project-item-meta{
  width: 50%;
}

#projects-wrapper .project-item-meta{
  padding: 0 25px;
  margin-bottom: 10px;
}

h4 a{
  color: #fff;
  font-size: 18px;
}

h4 a:hover{
  color: #fff;
  font-size: 18px;
}

  #main .blog-item{
    background: rgba(255,255,255,0.4);
  }


@media (min-width: 992px) {
  #main .blog-item{
    flex-direction: row;
    gap: 15px;
    background: rgba(255,255,255,0.4);
    padding-right: 20px;
  }

  .itemid-110  #main .blog-item{
    background: none;
  }


    #main .blog-item .item-image,   #main .blog-item .item-content{
      flex: 1;
    }

    #main .blog-item .item-image{
      margin-bottom: 0;
    }
    #main .blog-item h2 a{
      color: #fff;
      font-size: 18px;
      text-decoration: none;
    }
}
@media (max-width: 992px) {
/* Kleine versie */
  .navbar .container{
  justify-content: center;
  }

  .navbar-collapse{
    background: white;
  }

.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus { 
    border: none; 
    box-shadow: none; 
  } 
  .nav.menu{
    flex-direction: column;
    width: 100%;
    text-align: center;
  }

  
.navbar-toggler-icon {
  width: 1.4em;     /* of 1.5em, afhankelijk van je gewenste grootte */
  height: 1.4em;    /* zelfde waarde als width */
  background-size: 100% 100%; /* voorkomt springen door herberekening */
}

  .navbar-toggler{
      padding: .25rem .5rem;
    margin-bottom: 20px;
  }

.navbar .navbar-toggler .navbar-toggler-icon {
  /* Vervang #118194 door jouw merk-kleur; pas stroke-width aan voor dunnere/dikkere lijnen */
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%238E7960' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.5' d='M5 7h20 M5 15h20 M5 23h20'/%3e%3c/svg%3e");
}

  .dropdown-menu, .nav>li:hover>ul {
    position: relative;
    text-align: center;
}

    #main .blog-item{
    padding: 20px;
  }


}