@font-face {
  font-family: "Fira Code";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Code/FiraCode-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fira Code";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Code/static/FiraCode-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Fira Code";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Code/static/FiraCode-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fira Code";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Code/static/FiraCode-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Fira Code";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Code/static/FiraCode-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Fira Code";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Code/static/FiraCode-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Fira Mono";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Mono/FiraMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fira Mono";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Mono/FiraMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Fira Mono";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Mono/FiraMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/buro_debom/fonts/Fira_Sans/FiraSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "OxideSolidPro";
  src: url("/wp-content/themes/buro_debom/fonts/OxideSolidPro/OxideSolidPro.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OxideSolidPro";
  src: url("/wp-content/themes/buro_debom/fonts/OxideSolidPro-Bold/OxideSolidPro-Bold.otf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/*
Theme Name: buro_deBom
Theme URI: http://helemaaldebom.com
Author: Jelle | buro_deBom
Author URI: http://helemaaldebom.com
Description: Het thema van buro_deBom
Version: 1.0
*/
html, body {
  background-color: #000000;
}

.home .background-blur img {
	object-position: 70%;
}

.contact-chat-button {
	background-color: #4078F2 !important;
}

.page-id-1796 .contact-chat-button {
	display: none;
}

.page-id-1796 #cmplz-cookiebanner-container {
	display: none !important;
}

/* 404 */
.titel-niks {
	color: white;
}

.informatie-404 p {
	color: white;
}


.titel-niks {
	font-family: "OxideSolidPro", sans-serif;
    font-size: 42px;
	line-height: 1.2;
}

.informatie-404 {
	padding: 20px 0 10px;
}

.informatie-404 p {
	font-size: 20px; 
	font-family: "Fira Mono", monospace;
}

.informatie-404 a {
	color: #4078F2;
}

.button-404 {
	padding: 8px 20px 8px 25px;
    background-color: #4078F2;
    color: #FFFFFF;
    font-size: 18px;
    font-family: "Fira Mono", monospace;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: 0.3s;
    border-radius: 10px;
    border: 1px solid #4078F2;
    transition: 0.3s;
    display: inline-block;
    margin-top: 20px;
}

.button-404:hover {
    filter: drop-shadow(0 0 1.75rem #4078F2);
    text-decoration: unset;
}

.error404 #notfound {
	padding-bottom: 0;
}

#notfound {
	 max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 50px;
	padding-top: 200px;
	    align-items: center;
}

.image_404  {
	width: 100%;
	height: 320px;
	object-fit: contain;
}

@media only screen and (max-width: 500px) {
	.postid-2094 .bdb_introduction_project_image {
		height: 300px;
		object-fit: cover;
		object-position: 30%;
	}
	
	.postid-2175 .bdb_introduction_project_image {
				height: 300px;
		object-fit: cover;
	}
}

@media only screen and (max-width: 600px) {
	.titel-niks {
		font-size: 28px;
	}
	
	.informatie-404 p {
		font-size: 18px;
	}
}

@media only screen and (max-width: 600px) {
	.single-blog .bdb_information_title {
		font-size: 26px; 
		line-height: 26px;
	}
		
	.single-blog .hero-section {
		padding-bottom: 0px;
	}
	
	.single-blog .background-blur.image, .single-blog .background-blur.image::after {
        height: 590px;
    }
	
	.single-blog .bdb_information_header {
		padding: 0 30px;
	}
}

@media only screen and (max-width: 400px) { 
	.single-blog .background-blur.image, .single-blog .background-blur.image::after {
		height: 640px;
	}
}

/* Optimaliseer titels bij de details blog */
.single-blog .hero-content h1 {
	    font-size: 40px;
    line-height: 50px;
    padding-bottom: 30px;
}

.single-blog .hero-content-wrapper .svg_container_hero svg {
	top: 20px;
	width: 40px;
}

@media only screen and (max-width: 850px) and (min-width: 789px) {
	.single-blog .hero-content h1 {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 788px) and (min-width: 600px) {
	.single-blog .hero-content h1 {
		padding-bottom: 0;
		    font-size: 30px;
    	line-height: 35px;
	}
	
	.single-blog .hero-content-wrapper {
		padding-left: 0px;
	}
	
	.single-blog .hero-content-wrapper .svg_container_hero svg {
		top: 10px; 
		width: 30px;
	}
}


@media only screen and (max-width: 599px) {
	.single-blog .hero-content h1 {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 0px;
	}
	
	
	.single-blog .hero-content-wrapper .svg_container_hero svg {
		top: 10px; 
		width: 30px;
	}
}

@media only screen and (min-width: 1201px) { 
	.single-blog .hero-content {
		padding: 250px 0 100px;
	}
}

/*Pagina: De code*/
.formulier-de-code {
	position: relative;
	z-index: 10 !important;
	max-width: 100%;
}

.formulier-de-code .wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column-reverse;
}

.form-input-de-code {
	font-size: 18px;
    border-radius: 0.5em;
    padding: 1rem;
    background-color: hsla(0, 0%, 100%, 0.1);
    font-weight: 400;
    outline: 2px solid transparent;
    font-family: "Fira Sans", sans-serif;
    width: 100%;
    border: 0px;
    color: #FFFFFF;
}

.submit-btn-de-code {
  background-color: #4078F2;
  border: 1px solid #4078F2;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 20px;
  padding: 14px 30px;
  border-radius: 100px;
  transition: 0.3s all;
  position: relative;
  z-index: 3;
}

.submit-btn-de-code:hover { 
	cursor: pointer;
}

.page-id-1796 .wpcf7-response-output {
  border-top: unset !important;
  border-right: unset !important;
  border-bottom: unset !important;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 0px 30px 0 15px !important;
}

.page-id-1796 .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
}

.bdb_image_information_content .wpcf7 br {
	display: none;
}


/* Op de veelgestelde vragen pagina de titel van de FAQ kleiner maken */
.page-id-1274 .titel_faq {
	font-size: 42px; 
	line-height: 50px;
	font-family: "Fira Sans", sans-serif;
}

@media (max-width: 800px) and (min-width: 500px) {
    .page-id-1274 .titel_faq {
        font-size: 36px;
        line-height: 45px;
    }
}

@media (max-width: 499px) {
    .page-id-1274 .titel_faq {
        font-size: 30px;
        line-height: 35px;
		
    }
}


/*# sourceMappingURL=style.css.map */