/* ---- FRONT-END ---- */
#kap-header-image-wrapper {
	position: relative;
	height: 100vh;
	width: 100vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*
#kap-header-image-wrapper.animation-element.in-view {
	animation: fadeInImageAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
*/

#kap-header-image-wrapper::before {
	display: block;
	content: '';
	height: 100vh;
	width: 100vw;
	background: rgba( 0, 0, 0, 0.1);
	z-index: 10;
}

#kap-header-image-arrow-down-wrapper {
    position: absolute;
	display: flex;
    flex-direction: row;
    justify-content: center;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
	z-index: 100000;
}

#kap-header-image-arrow-down-wrapper a.kap-header-image-arrow-down::after {
	position: relative;
	display: block;
	content: '';
	height: 20px;
	width: 40px;
    background-image: url('images/arrows/KapenBerk - Projects header - Arrow down.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}


@media (max-width: 767px) {
	#kap-header-image-wrapper {
		height: 250px;
		margin-bottom: 35px!important;
	}
	
	#kap-header-image-wrapper::before {
		height: 250px;
	}

	#kap-header-image-wrapper::after {
		display: none;
	}

	#kap-header-image-arrow-down-wrapper {
		display: none;
	}
}


/* ---- PREVIEW BACK-END ---- */
#kap-header-image-wrapper.preview {
	max-height: 100%;
	max-width: 100%;
}