/*--- PLACE YOUR CUSTOM STYLES HERE ---*/


body {

}

/* logo */

.logo-handtekening {
	max-width: 200px;
}

.logo-naam {
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
	font-weight: 300;
    text-transform: uppercase;
    float: left;
    width: 300px;
	color: #333;
	margin-top: 28px;
}

.nav-small .logo-naam {
	margin-top: 19px;
}


/* werken */

div#js-masonry-boxed{
	width:100%;
}


/* Expositie */
table{
	width:100%;
}

h2.date-year{
	margin-top:25px;
}

td li{
	color: #888;
}

li a,span a{
	color:#B5B5B5;
}

span a{
	padding-left:14px;
}

li a:hover,span a:hover{
	color:#444444;
}

p.p1{
	margin:0;
}

.portfolio-project {
	padding-top: 0px;
}

.affix {
    top: 30px;
}


@media (max-width: 991px) {

	.logo-naam {
		display: none;
	}

	.logo-naam-image {
		background-image: url(../img/custom/THandtekeningMichiel-200.png);
		background-size: 240px 143px;
		background-repeat: no-repeat;
		position: absolute;

		left: 20px;
		width: 240px;
		height: 143px;
		overflow: visible;
		z-index:2;
	}

	.md-xs-spacer {
		float: left;
		height: 20px;
		width: 100%;
		display: block;
	}

	.responsive-affix{
		position:relative !important;
	}
	
	.navbar-default .navbar-nav>li>a:hover,		
	.navbar-default .navbar-nav>li>a {		
		color: #777 !important;		
	}
	
	.nav>li.hover-topline:hover, .nav>li.hover-topline.selected {
		border-bottom: 2px solid #b2b2b2;
		margin-top: 0;
		border-top:none !important;
		padding-bottom: 0;
	}
} 

@media (min-width: 992px) {

	.logo-naam {
		display: block;
	}

	.logo-naam-image {
		display: none;
	}
} 

/* end logo  */
nav.navbar {		
	background-color: rgba(61, 75, 88, 1.12);			
}

.nav>li>a {
	font-family: 'Open Sans', sans-serif;
}		

.navbar-default .navbar-nav>li>a:hover,		
.navbar-default .navbar-nav>li>a {		
    color: #fff;		
}




.nav>li.hover-m:hover {
	background-image: url(../img/custom/m.png);
	background-position: center center;
	background-repeat: no-repeat;
	transform: none;
}

	

.nav>li.hover-topline:hover,
.nav>li.hover-topline.selected {
	border-top: 2px solid #fff;
    margin-top: 0;
    padding-top: 0;
}		

.nav li.nav-separator {		
	border-color: rgba(255, 255, 255, 0.3);		
}

.nav>li.hover-topline.selected a,
.nav>li.hover-topline:hover a {
	/*padding-top: 14px;*/
}


.portfolio {
	padding-top:0px;
	background-color: transparent;
}

.bg-color {
    background-color: rgba(61, 75, 88, 1.12);
}

footer,
body,
.bg-color1 {
    background-color: rgb(233, 238, 243);
/*         background-color: rgb(61, 75, 88); */
}

/*
footer,
body,
.bg-color2 {
	background-color: rgb(84, 84, 84);
}
*/

    

/* homepage */

.homepage-item {
	float: left;
	position: relative;
	margin-right: 3px;
	display: block;
	margin-bottom: 4px;

}

.homepage-caption-activeWrap {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(82, 101, 117, 0.68);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
	height: 100%;
}


.homepage-item a:hover .homepage-caption-activeWrap {
	visibility: visible;
	opacity: 1;	
}

.homepage-image {
		height: 75px;
}

@media (min-width: 750px) {

	.homepage-image {
		height: 104px;
	}

} 

@media (min-width: 992px) {

	.homepage-image {
		height: 137px;
	}

}   

@media (min-width: 1200px) {

	.homepage-image {
		height: 170px;
	}


}   

@media (max-width: 800px) {

	.top {
		display: none;
	}


}   

  
/* end homepage */


/* content */

p {
/*     font-family: 'Open Sans', sans-serif; */
    font-size: 15px;
    line-height: 1.9;
    text-align: justify;
	margin: 0 0 28px;
/*
    font-weight: 300;
    color: #888;
*/
}

/* end content */


/* contact */
#message{
	margin-top:0;
	padding-top:17px;
}

.contact-side {
	padding-top: 17px;
}

.contact-side .side-info {
	margin-top: 0px;
}

#contactform textarea {
	height: 140px;
}

.contact input, select, textarea{
	margin-bottom:0px;
}

table.t1 td {
	color:#888;
}

.contact-hide{
	display:none;
}

/* end contact */

/* footer */


/* end footer */