/*

Dax Compact Pro Black
font-family: "ff-dax-compact-pro", sans-serif;
font-weight: 900;
font-style: normal;

Kopius Regular
font-family: "kopius", serif;
font-weight: 500;
font-style: normal;

Kopius Regular Italic
font-family: "kopius", serif;
font-weight: 500;
font-style: italic;

Mr Eaves Mod OT Light
font-family: "mr-eaves-modern", sans-serif;
font-weight: 200;
font-style: normal;

Mr Eaves Mod OT Light Italic
font-family: "mr-eaves-modern", sans-serif;
font-weight: 200;
font-style: italic;

Mr Eaves Mod OT Book
font-family: "mr-eaves-modern", sans-serif;
font-weight: 300;
font-style: normal;

Mr Eaves Mod OT Book Italic
font-family: "mr-eaves-modern", sans-serif;
font-weight: 300;
font-style: italic;

Mr Eaves Mod OT Bold
font-family: "mr-eaves-modern", sans-serif;
font-weight: 700;
font-style: normal;

Mr Eaves Mod OT Bold Italic
font-family: "mr-eaves-modern", sans-serif;
font-weight: 700;
font-style: italic;


Rood: #c21818
Oranje: #e0720d
Geel: #f2b707
Lichtblauw: #b1d0e8
Blauw: #47b2e6
Donkerblauw: #1a3053

/* ============================================================ */

/* |||||||||||| REDEFINE HTML STYLES |||||||||||| */

body {
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 300;
	font-style: normal;

	font-size: 1.3rem;
	line-height: 1.8rem;
	color: #1a3053;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-weight: 700;

	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

h1 {
	font-family: "ff-dax-compact-pro", sans-serif;
	font-weight: 900;
	font-style: normal;

	font-size: 6.8rem;
	letter-spacing: 1rem;
	color: #1a3053;
}

h2 {
	font-size: 2.2rem;
}

h3 {
	font-family: "kopius", serif;
	font-weight: 500;
	font-style: italic;

	font-size: 2rem;
	line-height: 2.6rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	color: #f2b707
}

h4 {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

h5 {
	font-size: 1rem;
	line-height: 1.4rem;
}

h6 {
	font-size: 0.9rem;
	line-height: 1.4rem;

	font-weight: 400;
	font-style: normal;
}

a:link {
	text-decoration: none;
}

a:hover {
	color: #e0720d !important;
}

/* Form spam preventing */
#email2 {
	display: none;
}




/* ============================================================ */

/* |||||||||||| REDEFINE BOOTSTRAP STYLES |||||||||||| */

.nav_container {
	position: absolute;
	z-index: 10;
	top:22px;
}

.nav-link {
	font-family: "kopius", serif;
	font-weight: 500;
	font-style: normal;
}

.btn-light {
	background-color: #e0720d;
	font-family: "kopius", serif;
	font-weight: 500;
	font-style: normal;
	border: 1px solid #e0720d;
	color: white !important;
}

.btn-light:hover {
	background-color: #c21818;
	border: 1px solid #c21818;
}

.btn-dark {
	background-color: #1a3053;
	font-family: "kopius", serif;
	font-weight: 500;
	font-style: normal;
}

.btn-dark:hover {
	background-color: #e0720d;
	border: 1px solid #e0720d;
}

.btn-outline-dark {
	border: 1px solid #1a3053;
}

.btn-outline-dark:hover {
	background-color: #1a3053;
	color: white !important;
	border: 1px solid #1a3053;
}

.carousel_image_container {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: white;
	height: 800px;
}

.bg-dark {
	background-color: #f2b707 !important;
}

/* SLIDER CAROUSEL */

@media (max-width: 767px) {
	.carousel_image_container {
	  height: 300px;
	}

	#scrollCarousel .carousel-inner .carousel-item > div {
		display: none;

	}
	#scrollCarousel .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

#scrollCarousel .carousel-inner .carousel-item.active,
#scrollCarousel .carousel-inner .carousel-item-next,
#scrollCarousel .carousel-inner .carousel-item-prev {
	display: flex;
	height: 450px;
}

/* medium and up screens */
@media (min-width: 768px) {

	#scrollCarousel .carousel-inner .carousel-item-end.active,
	#scrollCarousel .carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	#scrollCarousel .carousel-inner .carousel-item-start.active,
	#scrollCarousel .carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

#scrollCarousel .carousel-inner .carousel-item-end,
#scrollCarousel .carousel-inner .carousel-item-start {
	transform: translateX(0);
}

#scrollCarousel .carousel-control-prev{
	left:-25px;
	width: 60px !important;
}

#scrollCarousel .carousel-control-next{
	right:-25px;
	width: 60px !important;
}

#scrollCarousel .carousel-control-next-icon,
#scrollCarousel .carousel-control-prev-icon {
  filter: invert(1);
}



/* ============================================================ */
/* SPACERS */

.spacemebig {
	margin-top: 100px;
}

.spacememedium {
	margin-top: 70px;
}

.spacemesmall {
	margin-top: 40px;
}



/* ============================================================ */
/* BACKGROUNDS */


.whitebackgroundme {
	background-color: white;
}

.yellowbackgroundme {
	background-color: #f2b707;
}

.orangebackgroundme {
	background-color: #e0720d;
}

.redbackgroundme {
	background-color: #c21818;
}

.lightbluebackgroundme {
	background-color: #b1d0e8;
}

.bluebackgroundme {
	background-color: #47b2e6;
}

.blackbackgroundme {
	background-color: #1a3053;
}

.footer-section{
	background-color: #1a3053;
}

.social_bar {
	background-color: #1a3053;
	color: white !important;
}

.kleurenbalk {
	height: 5px;

	background-image: url("/images/kleurenbalk.png");
	background-repeat: repeat-y; 

	position:absolute;
	top:95px;
	z-index: 1000;
}



/* ============================================================ */
/* TEXTCOLORS */

.graytextme {
	color: gray;
}

.whitetextme, .whitetextme p, .whitetextme a:link, .whitetextme a:visited, .whitetextme a, .whitetextme h1, .whitetextme h2, .whitetextme h3, .whitetextme h4, .whitetextme h5 {
	color: white;
}

.orangetextme, .orangetextme p, .orangetextme a:link, .orangetextme a:visited, .orangetextme a, .orangetextme h1, .orangetextme h2, .orangetextme h3, .orangetextme h4, .orangetextme h5 {
	color: #e0720d;
}

.blacktextme, .blacktextme p, .blacktextme a:link, .blacktextme a:visited, .blacktextme a, .blacktextme h1, .blacktextme h2, .blacktextme h3, .blacktextme h4, .blacktextme h5 {
	color: #1a3053;
}


/* ============================================================ */
/* |||||||||||| CUSTOM STYLES |||||||||||| */

.parallax {
    min-height: 600px;

    background-attachment: fixed;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

.logo_header {
	max-width: 200px;
	margin-left: 20px;
	padding-top:7px;
}

.logo_footer {
	max-width: 200px;
}

.headerimage {
	height: 800px;
}

.cta-button {
	padding: 10px;
	text-transform: uppercase;
}

.cookie-consent {
    position: fixed;
    background-color: white;
    bottom: 0;
    left: 0;
    height: 80px;
    text-align: center;
    z-index: 9999;
}

.cookie-consent button {
    margin-left: 10px;
}

.emphasize {
	font-size: 1.8rem;
}


.swiper {
	width: 100%;
	height: auto;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial_hook {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
}

.testimonial_image {
	position: absolute;
	margin: 0;
	padding: 0;
}

.testimonial_quotes {
	font-size: 2.3rem;
	padding-right: 10px;
}

.testimonial_name {
	margin-top: 28px;
}



.square-image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.square-image {
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.square-image-halfheight:before {
    content: "";
    display: block;
    padding-top: 700px;
}

.square-image-halfheight {
	float: left;
	width: 100%;
	height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.social_icon_light {
	color: white;
	font-size: 2rem;
	padding-right: 10px;
}

.social_icon_dark {
	color: #1a3053;
	font-size: 2rem;
	padding-right: 10px;
}

.social_icon_light:hover, .social_icon_dark:hover {
	color: #e0720d;
}