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

@font-face {
	src: url(../fonts/ITCEDSCR.TTF);
	font-family: edwardian;
}

.w-85{
	max-width:85%;
}

:root {
	--rood: #b01630;
	--goud: #cfb572;
	--bruin: #4a3024;
	--zeevrucht: #00748b;


	--traditional: #b01630;
	--tiramisu: #68402f;
	--saltedcaramel: #b85e21;
	--ricecrisp: #e8cfa0;
	--orange: #ea8215;
	--coffee: #4a3024;
	
}

html{
	scroll-behavior: smooth;
}

body{
	overflow-x: hidden;
	background-image: url("../images/bg-2.jpg");
	 background-position: center; /* Center the image */
  background-repeat: repeat-y; /* Do not repeat the image */
  background-size: auto; /* Resize the background image to cover the entire container */
}
}

.scroll-div{
	padding-bottom:150px;
	opacity: 0;
}

p{
	font-family: korolev, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:1.2rem;
}

.scroll-margin-div{
	position: relative;
}

.scroll-margin-div .scroll-margin{
	position: absolute;
	top:0;
	left:0;
	margin:-250px;
}

.scroll-margin-aboutus{
	position: relative;
}

.scroll-margin-aboutus .scroll-margin{
	position: absolute;
	top:0;
	left:0;
	margin:-50px;
}

.breadcrumb {
    
    padding: .75rem .5rem !important;
    margin-bottom: 0 !important;
    list-style: none;
    background-color: transparent !important;
    border-radius: 0 !important;
    margin:0 auto;
 }

 .breadcrumb-item a{
 	color:var(--bruin) !important;
 }


 .breadcrumb-item.active{
 	color:var(--goud) !important;
 }

.breadcrumb-nav nav{
	height:auto;
}

/* ------------ BACKGROUNDS ------- */
.bg-wit h1, p{
	color:var(--bruin);
}

.bg-bruin {
	background-color: var(--bruin);
}

.bg-bruin h1,.bg-bruin p{
	color:white;
}

.bg-goud {
	background-color: var(--goud);
}

.bg-red{
	background-color:var(--rood) !important;
}

h1, h2{
	font-family: edwardian, sans-serif;
	font-size:4rem;
}

a{
	text-decoration: none;
	color: var(--bruin);
}

a:hover{
	text-decoration: none;
	color: var(--bruin);
}


.header-img{
	position: relative;
	background:url("../images/header-img.jpg");
	width:100%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

.home-slider{
	display:block;
	margin-top:70px;
	height: calc(80vh - 50px);
}

.home-slider-mobile {
		margin-top:70px;
		display:none;
 	}

/*@media  screen and (max-width: 992px){
	.slider{
	height: auto;
}
}*/

.kosher{
	max-width:110px;
}


header{
	
	padding: 0 0;
	border-bottom:10px solid transparent;
	/*padding: .5rem;*/
    border-radius: 0px;
    border-image-source: linear-gradient(129deg, rgba(207,181,114,1) 57%, rgba(240,232,212,1) 70%, rgba(207,181,114,0.9500000683867297) 81%);  
    border-image-slice: 5;



    -webkit-box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
}

header.nav-bruin{
	/*background-color: var(--bruin);*/
	 background: rgb(74,48,36);
background: linear-gradient(129deg, rgba(74,48,36,1) 47%, rgba(102,65,51,1) 60%, rgba(74,48,36,1) 74%); 
}

header.nav-rood{
	/*background-color: var(--rood);*/
	 background: rgb(177,27,49);
background: linear-gradient(129deg, rgba(177,27,49,1) 47%, rgba(182,56,62,1) 60%, rgba(177,27,49,1) 74%); 
}

/*
header .nav-item{
	padding: 30px 0;
}
*/

.min-vh-100-140{
	min-height: calc(100vh - 140px);
}

nav{
	position: relative;
	padding: 0;
	height:90px;
}


nav a.nav-link {
	font-family: korolev;
	font-size:1rem;
	font-weight:300;
	min-width:150px;
	letter-spacing: 2px;
	color: white !important;

}

nav a.nav-link:hover,nav a.nav-link.active {	
	color:var(--goud) !important;
	font-weight:400;
}

@media screen and (max-width:1199px){
	nav a.nav-link {;
	min-width:130px;
	font-size:1rem;

	}
}

@media screen and (max-width:991px){
	nav{
		height:auto;
	}

	nav a.nav-link {
		min-width:100px;
		font-size:1rem;
		line-height: 3rem;
	}

}


a.nav-logo-middle {
	position: absolute;
	
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.logo-stempel img{
	margin-top:60px;
	width:200px;
}



/* ------------ HOME ------- */
.home-producten{
	width:80%;
	height: calc(100vh - 50px);
	margin:0 auto;
}


.home-producten h2{
	font-size:3rem;
}


 .home-producten .hover-zoom img{
	box-sizing: border-box;
	overflow: hidden;
	transition: transform .5s; /* Animation */
 }

 .home-producten .hover-zoom:hover img{
	/*transform: scale(1.1);*/
	transform: translateY(-20px);
 }

 .home-producten .hover-zoom h2 {
  	transition: transform .5s; /* Animation */

}

.home-producten .hover-zoom:hover h2{
	color:var(--rood);
 }

.home-producten.chocolade{
 	background-color: var(--bruin);
 	height: calc(100vh - 150px);
 	width:100%;
 }

 	.home-smaken img{
	 	max-height: 520px;
	 	
	 }

 .home-producten.verpakkingen{
 	background-color: var(--rood);
 	height: calc(100vh - 150px);
 	width:100%;
 }

 .home-producten.giftbox{
 	background-color: var(--goud);
 	height: calc(100vh - 150px);
 	width:100%;
 }



.home-smaken h1{
	color:white;
	font-size:7rem;
	margin-left:-25px;
}

.home-smaken p{
	color:white;
	/*font-size:8rem;*/
}

.home-smaken button{
	padding:5px 10px;
	background-color: var(--goud);
	border:none;
	margin-top:30px;
	transition: transform .5s; /* Animation */
}

.home-smaken button:hover{
	
	transform: translateX(15px);
	
}

.giftbox h1, .giftbox p{
	
	
	color:var(--bruin);
}

.giftbox button{
	
	background-color: var(--rood);
	color:white;
}



 /* ------------ PHONE VIEWPORTHEIGHT weg ------- */

 @media screen and (max-width: 767px){
		.home-producten.chocolade{
		 	height: auto;		 	
		 }

		 .home-producten.verpakkingen{	
		 	height: auto;	 	
		 }

		 .home-producten.giftbox{
		 	height: auto;
		 }

		 .home-producten{
			height: auto;
		}
 }

/* ---- OVER ONS ---- */

.overons{
	background-color: var(--goud);
	width:100%;
	padding:120px 0;
	text-align: center;
	-webkit-box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
}

.overons h2{
	
	color:var(--coffee);
}

/* ---- CONTACT ---- */

.contact h2{
	/*padding-top:50px;*/
	color:white;
}

.contact{
	background-color: var(--bruin);
	width:100%;
	/*min-height:calc(100vh - 150px);*/
	padding:100px 0;
	text-align: center;

	-webkit-box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
box-shadow: inset 0px 11px 27px -18px rgba(0,0,0,0.75);
}

.btn-success{
	background-color: var(--rood);
	border:1px solid var(--rood);
}

.btn-success:hover{
	background-color: var(--goud);
	border:1px solid var(--goud);
}

.contact-info{
	color:white;
	margin-top:50px;
	
}

.contact-info p, .contact-info a{
	color:white;

}

.contact-info a{
	text-decoration: underline;
}

.contact-info a:hover{
	text-decoration: none;
}

.help-block.with-errors {
    color: white;
    margin-top: 5px;
}
.btn-success{
	background-color:var(--rood) !important;
	border-color:var(--rood) !important;
}

.btn-success.focus, .btn-success:focus{
	background-color:var(--rood) !important;
	border-color:var(--rood) !important;
	box-shadow: 0 0 0 0 rgba(255,255,255, 0.3) !important;
}

.contact .alert-success{
	color:white;
	background-color:var(--rood) !important;
	border-color:var(--rood) !important;
}



.privacy{
	margin-top:220px;
	margin-bottom:50px;
}

.privacy h3{
	font-family: korolev, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:1.6rem;
	color:var(--bruin);
}



/*---- TRUFFELS ---- */

/* ---- OVER ONS ---- */

.card-title{
	margin-top:100px;
	
}

.card-title h2{
	font-size: 4rem !important;
}

.truffels{
	
	width:100%;
	
	text-align: center;
}

.truffels h2{
	/*padding-top:100px;*/
	color:var(--bruin);
	font-size:5rem;
}


.controller ul li,.fles-controller ul li,.pralines-controller ul li,.zeevrucht-controller ul li,.hartjes-controller ul li,.elegance-controller ul li,.golden-controller ul li,.metallic-controller ul li,.heart-controller ul li,.colors-controller ul li{
	cursor:pointer;
}

.controller .ballotin-active{
	color:var(--goud);
}

.controller .quadroseal-active{
	color:var(--goud);
}

.controller .bag-kg-active{
	color:var(--goud);
}

.controller .bag-500g-active{
	color:var(--goud);
}

.fles-controller .fles-active{
	color:var(--goud);
}

.controller .pralines-active{
	color:var(--goud);
}

.zeevrucht-controller .zeevrucht-active{
	color:var(--goud);
}

.hartjes-controller .hartjes-active{
	color:var(--goud);
}

.elegance-controller .elegance-active{
	color:var(--goud);
}

.golden-controller .golden-active{
	color:var(--goud);
}

.metallic-controller .metallic-active{
	color:var(--goud);
}

.heart-controller .heart-active{
	color:var(--goud);
}

.colors-controller .colors-active{
	color:var(--goud);
}


.card{
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.30);
	box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.30);
}

.card-overlay{
	/*opacity: 0;*/
	position:absolute;
	width:100%;
	height:100%;
	top:100%;
	left:0;
	background-color: rgba(255,255,255,.9);
}

.card:hover .card-overlay{
	/*opacity:1;*/
	top:0;
	transition: .5s ease;
}

.product-text h3{
	font-family: edwardian, sans-serif;
	font-size: 3rem;
	color:var(--coffee);
}

.product-text ul{
	list-style-type: none;
    padding:0;
    color:var(--coffee);
}

.product-text .fas{
	font-size: .7rem;
	padding-right:10px;
}

.beschikbaar{
	/*position: absolute;
	left:7%;
	bottom:4%;*/
}

.beschikbaar p{
	margin:0;
	padding:0;
	
}

.beschikbaar p.available{
	font-size: .9rem;
}

.beschikbaar p.weight{
	font-size: 1.1rem;
	font-weight: 500;
	margin-top:-5px;
}

.verpakt .fas{
	font-size:1.5rem;
	margin-top:10px;
}

.verpakt{
	/*position:absolute;
	right:5%;
	bottom:4%;*/
}

.bedrijf{
	padding:200px 0;
}

.bedrijf img{
	-webkit-box-shadow: 9px 10px 27px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 10px 27px -15px rgba(0,0,0,0.75);
box-shadow: 9px 10px 27px -15px rgba(0,0,0,0.75);
}

/*.company{
	position: relative;
	width:100%;
	height:100%;
}

.company-text {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.company-text h2{
	color:white;
	text-shadow: 3px 3px 10px black;
}

.company-text p{
	color:white;
	text-shadow: 2px 2px 5px black;
	padding: 0 100px;
	font-size:1.4rem;
}*/

.wrapped-box{
	padding-top:100px;
}

.your-brand{
	padding:100px 0;
}


.your-brand h2{
	color:var(--bruin);
	font-size:5rem;
}


/*TRUFFLE CAROUSEL*/

.truffle-slider{
	padding-top:100px;
}

/*.truffle-slider  .carousel-inner{
	width:100%;
	max-height:300px;
}*/

.truffle-slider .carousel-inner .slide-1{
	background:url("../images/printed/.jpg") no-repeat center center;
  	height:300px;
}

.truffle-slider .carousel-inner .slide-2{
	background:url("../images/truffels-rij.jpg") no-repeat center center;
  	height:300px;
}

@media screen and (max-width: 1199px){
	.truffle-slider .carousel-inner .slide-1{
		background:url("../images/truffle-slider.jpg") no-repeat center center;
	}

	.truffle-slider .carousel-inner .slide-2{
		background:url("../images/truffle-slider-4.jpg") no-repeat center center;
	}
}

/*TRUFFLES BTN*/


@media screen and (max-width: 767px){
	.truffel-nav{
		display: none;
	}
}

.truffel-nav .col-md-3, .truffel-nav .col-lg-2{
	padding:0 !important;
}


.truffles-btn ul li{
	text-decoration: none;
	list-style-type:none;
	
}

.truffles-btn ul li{
	position: relative;
	width:100%;
}

.truffle-link img{
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in;

}
.truffle-link:hover img{
	transform: translateY(-15px);

/*	margin-bottom:20px;*/
}

/*.truffles-btn ul li a:hover img{
	position: absolute;
	left:0;
	bottom:0;
	margin-bottom:20px;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in;
}*/

img.truffle-btn-item {
	max-height: 300px;
	padding:0 10px;
}

@media screen and (min-width: 1441px){
	img.truffle-btn-item {
		max-height: 300px;
		padding:0 10px;
	}

	.truffles-btn ul{
	    padding-inline-start: 0 !important;
	}	
}


.parallax-window {
    min-height: 600px;
    background: transparent;
    margin:100px 0;
}

.parallax-window-nomargin {
    min-height: 100vh;
    background: transparent;
    /*margin:100px 0;*/
}

.parallax-window-small-nomargin {
    min-height: 500px;
    background: transparent;
    /*margin:100px 0;*/
}

.parallax-window-350{
	min-height: 350px;
}


/* --- CHOCOLATES --- */



.chocolate-producten{
	/*width:80%;*/
	min-height: calc(100vh - 140px);
	margin:0 auto;
	margin-top:100px;
	
}



.chocolate-producten h2{
	font-size:3rem;
}


 .chocolate-producten .hover-zoom img{
	box-sizing: border-box;
	overflow: hidden;
	transition: transform .5s; /* Animation */
 }

 .chocolate-producten .hover-zoom:hover img{
	/*transform: scale(1.1);*/
	transform: translateY(-20px);
 }

 .chocolate-producten .hover-zoom h2 {
  	transition: transform .5s; /* Animation */

}

.chocolate-producten .hover-zoom:hover h2{
	color:var(--rood);
 }

/* CHOCOLATE CAROUSEL */

/*.chocolate-slider{
	padding-top:100px;
}


.chocolate-slider .carousel-inner .slide-1{
	background:url("../images/truffle-slider.jpg") no-repeat left center;
  	height:300px;
}

.chocolate-slider .carousel-inner .slide-2{
	background:url("../images/truffle-slider-4.jpg") no-repeat left center;
  	height:300px;
}

@media screen and (max-width: 1199px){
	.chocolate-slider .carousel-inner .slide-1{
		background:url("../images/truffle-slider.jpg") no-repeat center center;
	}

	.chocolate-slider .carousel-inner .slide-2{
		background:url("../images/truffle-slider-4.jpg") no-repeat left center;
	}
}*/


 /*---------- PRALINE ----------*/

/*PRALINE CAROUSEL*/

.praline-slider, .gift-slider{
	padding-top:100px;
}

/*.truffle-slider  .carousel-inner{
	width:100%;
	max-height:300px;
}*/
.praline-slider .carousel-inner .slide-1{
	background:url("../images/printed/printed-slide-1.jpg") no-repeat bottom center;
	background-size:cover;
  	height:500px;
}

.praline-slider .carousel-inner .slide-2{
	background:url("../images/printed/printed-pralines-sfeer.jpg") no-repeat  center;
	background-size:cover;
  	height:500px;
}

.praline-slider .carousel-inner .slide-3{
	background:url("../images/printed/printed-hartjes-sfeer.jpg") no-repeat  center;
	background-size:cover;
  	height:500px;
}
.praline-slider .carousel-inner .slide-4{
	background:url("../images/printed/printed-zeevruchten-sfeer.jpg") no-repeat  center;
	background-size:cover;
  	height:500px;
}

.gift-slider .carousel-inner .slide-1{
	background:url("../images/gift-wrapped/delafaille-gift-wrap-header.jpg") no-repeat  center;
	background-size:cover;
  	height:500px;
}
.gift-slider .carousel-inner .slide-2{
	background:url("../images/gift-wrapped/delafaille-gift-wrap-header-2.jpg") no-repeat  center;
	background-size:cover;
  	height:500px;
}
.gift-slider .carousel-inner .slide-3{
	background:url("../images/gift-wrapped/delafaille-gift-wrap-header-3.jpg") no-repeat  center;
	background-size:cover;
  	height:500px;
}
/*.gift-header{
	margin-top:100px;
	width:100%;
	height:500px;
	background:url("../images/gift-wrapped/delafaille-gift-wrap-header.jpg") no-repeat  center;
	background-size:cover;
}*/
.truffles-header{
	margin-top:100px;
	width:100%;
	height:500px;
	background:url("../images/truffles-header.jpg") no-repeat center;
	background-size:cover;
}
.truffles-header-mobile{
	margin-top:70px;
}




/*@media screen and (max-width: 1199px){
	.praline-slider .carousel-inner .slide-1{
		background:url("../images/truffle-slider.jpg") no-repeat center center;
	}

	.praline-slider .carousel-inner .slide-2{
		background:url("../images/truffle-slider-4.jpg") no-repeat left center;
	}
}*/




/* FOOTER */

.creditfooter{
	background-color: var(--rood);
	width:100%;
	min-height:40px;
}

.creditfooter p{
	color:white;
	font-size:1rem;
	line-height: 40px;
	margin:0;
}

.creditfooter a{
	color:white;
	text-decoration: underline;
}

.creditfooter-bruin{
	background-color: var(--bruin);
	width:100%;
	min-height:40px;
}

.creditfooter-bruin p{
	color:white;
	font-size:1rem;
	line-height: 40px;
	margin:0;
}

.creditfooter-bruin a{
	color:white;
	text-decoration: underline;
}


 /* MOBILE CSS */

@media screen and (max-width: 1199px){
	

 	.home-producten{
		width:80%;
		height: auto;
		margin:0 auto;
		margin-bottom:100px;
	}

	.home-producten h2, .home-producten p{
		margin-top:-80px;
	}

	.home-producten p{
		font-size:2rem !important;

	}

	.home-producten h2{
		font-size:5rem !important;
		margin-bottom:60px;
	}
	

}

@media screen and (max-width: 991px){
	.home-slider {
		display:none;
 	}

 	.home-slider-mobile {
		display:block;
 	}
 	.header-img{
 		background-size:contain;
 		background-position: top;
 		width:100%;
 	}

 	.bedrijf{
 		padding:0;
 	}

 	img.claim{
 		width:200px !important;
 	}

 	footer img{
 		max-width:70% !important;
 	}

 	.privacy{
		margin-top:120px;
		margin-bottom:30px;
	}

	.chocolate-producten{
		
		min-height: auto;
		margin-top:150px;
		margin-bottom:70px;
	}

	.praline-slider-mobile{
		margin-top:70px;
		height:350px;
		overflow: hidden;
	}

	.gift-slider-mobile{
		margin-top:70px;
		height:300px;
		overflow: hidden;
	}

	img.truffle-btn-item {
		max-height: 200px;
		padding:0 10px;
	}

}

@media screen and (max-width: 768px){
	

	.home-producten p{
		font-size:1.5rem !important;

	}

	.home-producten h2{
		font-size:4rem !important;
		margin-bottom:80px;
	}
	.praline-slider-mobile{
		height:250px;
	}

	.gift-slider-mobile{

		height:230px;
	}

}

@media screen and (max-width: 576px){
	
	.home-producten{
		width:100%;
	}

	.home-producten p{
		margin-top:0;
	}

	.home-producten h2{
		margin-top:-20px;
	}

	.home-producten p{
		font-size:1rem !important;

	}

	.home-producten h2{
		font-size:2.5rem !important;
		margin-bottom:0;
	}

	.praline-slider-mobile{
		height:200px;
	}

	.gift-slider-mobile{
		height:200px;
	}
	
	

}

@media screen and (max-width: 500px){
	.praline-slider-mobile{
		height:150px;
	}
	.gift-slider-mobile{
		height:150px;
	}
}