/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2024 | 13:48:44 */
/* Th: t/m Tablet */
@media (max-width: 1024px) {
  #home-intro {
    margin-top: -40px !important;
  }
	#contact-form-afb .eltdf-elements-holder-item.eltdf-width-1-2.eltdf-vertical-alignment-middle.eltdf-horizontal-alignment-left	{
	display:none;
	}
	
	.contact-form-afb .eltdf-elements-holder-item.eltdf-width-1-2.eltdf-vertical-alignment-middle.eltdf-horizontal-alignment-left	{
	display:none;
	}
	.btns-vacatures .eltdf-btn.eltdf-btn-solid	{
	width:100%;
	}
	
}

/* Th: Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Th: titel groter maken */
  .eltdf-title-subtitle-holder > .eltdf-title-text {
    font-size: 37px !important;
  }
  
  /* Th: breadcrumbs groter maken */
  .eltdf-title-subtitle-holder > .eltdf-breadcrumbs-holder a {
    font-size: 19px !important;
  }
}

/* Th: Mobile & Tablet */
@media (max-width: 768px) {
	
}

/* Th: Mobile: Portrait */
@media (max-width: 767px) and (orientation: portrait) {
  /* de container van tekst in de banner een minimale hoogte geven en de content vertical centreren */
  .eltdf-title-subtitle-holder {
    min-height: 150px;
    
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
	.btn-vacature-leerstoffeerder	{
		margin-top:30px!important;
	}
  /* Th: zorgen dat de titel invloed heeft op de hoogte van de Fbanner-container + padding boven en onder toevoegen */
  .eltdf-title > .eltdf-title-holder {
    position: static;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  /* Th: zorgen dat de afbeeldingcontainer geen invloed meer heeft op de hoogte van de banner-container */
  .eltdf-title > .eltdf-title-image {
    position: absolute;
    height: 100%;
	width: 100%;
  }
  
  /* Th: zorg dat de afbeelding de volledige hoogte van de container pakt en de container vult (cover) */
  .eltdf-title > .eltdf-title-image > img {
    height: 100%;
	width: 100%;
    object-fit: cover;
  }
  
  /* Th: titel lijnhoogte verkleinen + margin aan onderkant toevoegen */
  .eltdf-title-subtitle-holder > .eltdf-title-text {
    line-height: 1.25em !important;
    margin-bottom: 10px !important;
  }
	.btn-to-vac	{
	margin-bottom:30px;
	}
  
  /* Th: breadcrumbs groter maken */
  .eltdf-title-subtitle-holder > .eltdf-breadcrumbs-holder a {
    font-size: 16px !important;
  }
}

/* Th: specifieke selectie in breedte | (sticky) header fix | 6-5-2019 */
@media (min-width: 1025px) and (max-width: 1200px) {
  header > .eltdf-sticky-header:not(.header-appear) {
    display: none;
    visibility: hidden;
  }
  header > .eltdf-sticky-header.header-appear .eltdf-position-right {
    position: absolute;
    right: calc((950px - 100vw) / 2 + 20px);
    top: 0;
  }
}

/* Th: */
@media (max-width: 1024px) {
  /* Th: tekstkleur aanpassen van menu-items (behalve voor de item van de huidige pagina) */
  nav.eltdf-mobile-nav ul > li > a:not(.current) {
    color: #373737 !important;
  }
  
  /* Th: tekstkleur aanpassen van menu-items van de huidige pagina */
  nav.eltdf-mobile-nav ul > li > a.current {
    color: #dfb947 !important;
  }
}

/* Th: */
@media (max-width: 1024px) {
  .eltdf-breadcrumbs-holder > .eltdf-breadcrumbs > a {
    font-size: 14px !important;
    line-height: 21px !important;
  }
	
	.eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner, .eltdf-content .eltdf-content-inner > .eltdf-full-width > .eltdf-full-width-inner {
		padding-top: 0px !important;
	}
	
}


@media (min-width:1024px) and (max-width:1380px)	{
	.btns-vacatures	{
		display:flex;
		flex-direction:column;
		
	}
	.btns-vacatures .vc_column_container	{
		width: 100%!important;
	}
	.btn-to-vac	{
	width:max-content;
		margin-bottom:30px;
	}
	
}

.btn-to-vac	{
	width:100%;
}

@media (max-width:912px)	{
	.wpcf7-form-control.wpcf7-text	{
	margin: 0 0 15px!important;
	}
	.upload-bestand	span{
	display:block;
	}
	.row-5-contact	{
		display:block!important;
		padding-top:15px!important;
	}
	.verstuur-knop	{
		padding-top:10px;
	}
	.wpcf7-form-control.wpcf7-textarea	{
		margin-bottom:15px!important;
	}
	.row-5-contact .wpcf7-list-item	{
		margin-left:0px!important;
	}
}


.btn-projectstoffeerder	{
	margin-bottom:30px;
}