/*
 Theme Name:     Kraakmakend ontwerp
 Description:    Child Theme
 Author:         Kraakmakend ontwerp
 Author URI:     https://www.kraakmakend.nl
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
    font-family:  "Anek Gujarati", sans-serif;
    font-weight: 900;
	color:#004B58;
}
/*Text hypenation uit zetten (wordbreak): */
h1, h2, h3, h4, h5, h6, p{
  overflow-wrap: normal;
}
/*Recaptcha label verbergen*/ 
.grecaptcha-badge {
	visibility: hidden;
	opacity: 0;}

h1{
	font-size:60px;
	line-height:59px;
}
h2{
	font-size:40px;
	line-height: 42px;
}
h3{
	font-size:30px;
	line-height:28px;
}
h4{
	font-size:28px;
	line-height:28px;
}
h5{
	font-size:22px;
	line-height:28px;
}
h6{
	font-size:20px;
	line-height:28px;
}
body { 
    font-family:  "Anek Gujarati", sans-serif;
    font-weight: 400;
	font-size:16px;
	line-height:23px;
	color:#004B58;
}
/** Responsive Styles Tablet Only **/
@media all and (min-width: 768px) and (max-width: 980px) {
h1{
	font-size:58px;
	line-height:58px;
	}
h2{
	font-size:36px;
	line-height:38px;
	}
h3{
	font-size:30px;
	line-height:28px;
	}
}
h5{
	font-size: 22px;
	line-height: 24px;
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
h1{
	font-size:46px;
	line-height:48px;
	}
h2{
	font-size:32px;
	line-height:30px;
	}

h3{
	font-size:26px;
	line-height:24px;
	}
}
h4{
	font-size:24px;
	line-height:30px;
}
h5{
	font-size: 22px !important;
	line-height: 24px;
}
/*kleur van de hamburgerstreepkjes*/
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
color: #00FF81;
}	
/*Alleen het active menu item in het hoofdmenu en submenu bold*/
.et-menu-nav>ul>li.current-menu-item>a {
	font-weight:900 !important;	
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
	font-weight:900;	
}
@media (max-width: 980px){
.et_pb_menu_0_tb_header .current-menu-item {
	font-weight: 900!important
}
.et_mobile_menu .menu-item-has-children>a{
	font-weight: 400 !important;
	}
.et_mobile_menu .menu-item-has-children.current-menu-item>a,
.current-menu-item > a {
font-weight:900 !important;
}
.et_mobile_menu li li{
	font-weight: 400;
	} 
}
/*homepage sectie met de blauwe knop over de afbeelding	*/
@media screen and (min-width: 1351px) { 
.home-scherm-tussen-981px-1350px {
        display: none;
		visibility: hidden;
}
}
@media screen and (min-width: 981px) and (max-width: 1350px) { 
.home-scherm-vanaf-1350px {
        display: none;
		visibility: hidden;
}
}

/*homepage sectie met de blauwe knop over de afbeelding responsive padding*/
@media screen and (min-width: 981px) and (max-width: 1350px) {
.home-lees-meer-opleidingen {
	margin-left: min(12vw, 23vw);
    margin-top: min(-18vh, 20vh);
}
}
@media screen and (min-width: 1351px) and (max-width:2520px) {
.home-lees-meer-opleidingen {
	margin-top: min(-23vh);
    margin-left: calc(12.583vw + (29.802 - 12.583) * (100vw - 1351px) / (2520 - 1351));
    }
/* Media query voor schermen groter dan 2250px */
@media (min-width: 2520px) {
.home-lees-meer-opleidingen {
        margin-left: 29.802vw;
}
}
/*homepage test pagina*/
@media (min-width: 981px) {
.homepagetest {
	margin-left: min(-92%, 23vw);
    margin-top: min(-18vh, 20vh);
}
}
/*
@media (min-width: 1351px){
.homepagetest {
	margin-left: min(12vw, 23vw);
    margin-top: min(-18vh, 20vh);
}
}*/
/*	@media screen and (min-width: 1351px) {
.home-lees-meer-opleidingen {
margin-left: clamp(29.802vw, 25%, 12.583vw);
	margin-left: var screenwidth min(29.802vw, 12.583vw);

@media (width >= 2520px) {
.home-lees-meer-opleidingen{ 
    margin-top: min(-18vh, 20vh);
	margin-left: min(2520 - 29.802vw, 12.583vw); 
}
}
@media (width < 2520px) {
.home-lees-meer-opleidingen{ 
    margin-top: min(-18vh, 20vh);
	margin-left: min(29.802vw, 12.583vw); 
}
}*/

	/*padding-block: min(-30vh, 10rem);*/
/*custom goot tussen 5 kolommen*/
@media screen and (min-width:981px){
.cu-section-5 .et_pb_column {
    margin-right: 16px!important;
    width: calc(20% - 16px);
}
}
/*custom goot tussen 4 kolommen*/
@media screen and (min-width:981px){
.cu-section-4 .et_pb_row .et_pb_column {
    margin-right: 16px!important;
    width: calc(25% - 16px);
}
}
/*custom goot tussen 3 kolommen*/
@media screen and (min-width:981px){
.cu-section-3 .et_pb_row .et_pb_column {
    margin-right: 16px!important;
    width: calc(33% - 16px);
}
}
/*breedte kolommen homepage blokken onderhoud windturbines, waterstof technologie en renewable energy*/
 .et_pb_gutters2.et_pb_row .et_pb_column_1_5 {
    width: 18.6% !important;
}
/*home onder nieuws (blog 3 grid) goot tussen de tegels in*/
@media (min-width: 980px) {
.home-blog-grid .et_pb_blog_grid .et_pb_salvattore_content[data-columns] .et_pb_post {
    margin-bottom: 5% !important;}
}
	
	
#top-menu-nav, #top-menu {
 width:100%;
}
#gridcard .column article {
box-shadow: 0px 2px 18px -5px rgba(0,0,0,0.3);
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 20px;
}
/*lightbox in de image gallery uit*/
.cu-lightbox-off .et_pb_gallery_item a {
    pointer-events: none;
}
.cu-lightbox-off .et_overlay {
    display: none !important;
}
.home-border-radius{
  border-radius: 0 20px 0 0;
}
/*home "lees meer over onze opleidingen button"*/
.leesmeeroveronzeopleidingen{
line-height: 21px !important;
}
/*home de keuzedelen tegels tablet en mobile*/
.home-keuzedelen-tegels{
	float: left;
	margin-right: 16px;
}
/*voor studenten kolommen dezelfde hoogte */
.kolommen-zelfde-hoogte {
  display: flex;
  flex-wrap: wrap;
}

.kolommen-zelfde-hoogte .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/*horizontal-scroll-container op de voor studenten pagina*/
div.scroll-container {
  overflow-y: hidden;
  white-space: nowrap;
}
div.scroll-container img {
  padding: 10px;
}
/**/
::-webkit-scrollbar {
    -webkit-appearance: none;
	height: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

}









.home-lees-meer-opleidingen{
	margin-top: 0px !important;
	margin-left: 0px !important;
	
	/*border:solid 1px red;*/
}
.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
	position: absolute;
	top: 40px;
	right: 30px;
	
	width: 405px !important;
}
.home-scherm-vanaf-1350px>.et_pb_row_1{
	max-width: calc(50% - 80px);
}
.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough img.the-decoration{
	margin-top: 0px !important;
	position: absolute;
    right: calc(100% - 58px);
    top: -23px;
}
.home-scherm-vanaf-1350px .et_pb_row_2.et_pb_row{
	margin-top: -175px !important;
}

body .home-scherm-tussen-981px-1350px
/*,
body .et_pb_section_3*/{
	display: none !important;
}
body .home-scherm-vanaf-1350px{
	display: block !important;
	visibility: visible !important;
}

.home-scherm-vanaf-1350px .et_pb_row_1.et_pb_row{
	margin-top: -175px !important;
}
.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough p{
	position: relative;
}

@media (max-width: 1400px){
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		width: 350px;
		right: 20px; 
		top: 20px;
	}
	
	.et_pb_row_0_tb_header.et_pb_row{
		width: 80% !important;
	}
	
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough img.the-decoration{
		right: calc(100% - 40px);
		top: -10px;
		height: 150px;

	}
	
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		width: 33.5vw !important;
	}
	
}

.hero-gallery .et_pb_gallery_image img{
	height: 570px !important;
	object-fit: cover;
	object-position: center;
	-o-object-fit: cover;
	-o-object-position: center;
}
@media (max-width: 1400px){
	.hero-gallery .et_pb_gallery_image img{
		/*it must be 42 so the texts over the photos be visible*/
		height: 42vw !important;
	}
	
	.home-scherm-vanaf-1350px .et_pb_row_1{
		max-width: calc(50% - 30px);
	}
}
@media (max-width: 1200px){
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		width: 33vw !important;
	}
}
@media (max-width: 980px){
	.home-scherm-vanaf-1350px {
		top: -55px;
		margin-bottom: -55px;
	}
	.home-scherm-vanaf-1350px .et_pb_row_1.et_pb_row{
		margin-top: 0px !important;
	}
	.home-scherm-vanaf-1350px{
		/*-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		
		
	}
	
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		position: static;
		
		padding-left: 185px;
		padding-left: 13vw;
	}
	
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		width: 100% !important;
	}
	
	
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough img.the-decoration{
		height: 85px;
		top: 50%;
		right: calc(100% - 20px);
		
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		
	}
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough p.the-decoration-holder{
		position: static;
	}
	
	.hero-gallery .et_pb_gallery_image img{
		object-position: center top;
		-o-object-position: center top;
	}
}
.the-decoration-holder{
	margin-bottom: 0px !important;
}

body .home-scherm-vanaf-1350px .the-bold-text{
	position: relative;
	display: inline-block;
}
.mobile_nav.opened .mobile_menu_bar:before{
	content:'M';
}

@media (max-width: 767px){
	.hero-gallery .et_pb_gallery_image img{
		height: 50vw !important;
	}
	.home-scherm-vanaf-1350px .et_pb_row_1{
		max-width: calc(90% - 30px);
	}
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		padding-left: 15vw;
	}
}

@media (max-width: 700px){
	/*.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		padding-left: 13vw;
	}*/
	
	/*.home-scherm-vanaf-1350px .et_pb_row_1{
		max-width: 80%;
		padding: 20px;
	}*/
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough p{
		margin-bottom: 8px;
		padding-bottom: 0px !important;
		position: relative;
	}
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough *>p:last-child{
		margin-bottom: 0px;
	}
	
	/*.hero-gallery .et_pb_gallery_image img{
		height: 290px !important;
	}*/
	
	body .home-scherm-vanaf-1350px .the-bold-text{
		line-height: 1 !important;
		font-size: 18px !important;
	}
	
	
	.et_pb_column{
		float: none !important;
	}
}

@media (max-width: 500px){
	.hero-gallery .et_pb_gallery_image img{
		height: 65vw !important;
	}
}

/*@media (max-width: 1200px){
	.home-scherm-vanaf-1350px .et_pb_row_2.et_pb_row{
		margin-top:0px !important;
	}
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		position: static;
	}
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough{
		width: 100% !important;
	}
	.home-scherm-vanaf-1350px .et_pb_row_2.et_pb_row{
		margin-left: auto !important;
		margin-right: auto !important;
		
		padding: 50px 0px !important;
		
		max-width: 600px;
		width: 80% !important;
	}
}
@media (max-width: 850px){
	.home-scherm-vanaf-1350px .et_pb_css_mix_blend_mode_passthrough img.the-decoration{
		position: static;
		display: block;
		width: 204px;
		height: auto;
		margin: 0px auto;
		margin-bottom: 20px;
	}
	.home-scherm-vanaf-1350px .et_pb_row_2.et_pb_row{
		padding-bottom: 0px !important;
	}
}*/


.z-swiper-holder{
	overflow: hidden;
}
.z-swiper-holder .et_pb_image{
	margin-bottom: 0px !important;
}
.z-swiper-holder .et_pb_image .et_pb_image_wrap{
	display: block;
	width: 100%;
}
.z-swiper-holder .et_pb_image img{
	display: block;
	width: 100% !important;
	height: 250px;
	object-fit: cover;
	object-position: center;
	-o-object-fit: cover;
	-o-object-position: center;
}
.z-swiper-holder .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	margin: 0px 5px !important;
	background: #fcec69;
	opacity: 1;
	border-radius: 0px;
	border-radius: 50%;
}
.z-swiper-holder .swiper-pagination-bullet-active{
	background: #23fd86;
}
.z-swiper-holder .swiper{
	overflow: visible;
}
.z-swiper-holder .swiper-arrows{
	display: flex; 
	align-items: center; 
	justify-content: space-between;
	width: 80px;
	/*margin: 0px 20px;*/
}
.z-swiper-holder .swiper-arrows>span{
	width: 26px; 
	height: 20px;
	display: block;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('http://gtc.kraakmakend.nl/wp-content/uploads/2024/04/arrow-dark-rotated.jpg');
	
	cursor: pointer;
}
.z-swiper-holder .swiper-arrows>span{}
.z-swiper-holder .swiper-arrows>span.swiper-button-disabled{
	background-image: url('http://gtc.kraakmakend.nl/wp-content/uploads/2024/04/arrow-light.jpg');
}
.z-swiper-holder .swiper-arrows>span:last-child{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

body{
	
}
.z-swiper-holder .et_pb_row_2{
	padding: 0px;
}
.z-swiper-holder .et_pb_row_2 .et_pb_code_inner{
	display: flex;
	justify-content:space-between;
	align-items:center;
	
	--points-scrollbar-width: calc(150px + 80px);
	--points-scrollbar-width: calc(80px);
	
	
}
.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>*{
	position: static;
}
.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-scrollbar.swiper-scrollbar-horizontal{
	width: calc(100% - 1.2*var(--points-scrollbar-width));
	align-items: center;
}
.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-pagination-bullets.swiper-pagination-horizontal{
	width: var(--points-scrollbar-width);
	
	display: flex; 
	align-items: center;
	justify-content: flex-end;
	justify-content: flex-start;
	
	display: none;
}
.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-pagination-bullets.swiper-pagination-horizontal>*{
	display: block;
}
.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-pagination-bullets.swiper-pagination-horizontal>*:first-child{
	margin-left: 0px !important;
}

.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-pagination-bullets.swiper-pagination-horizontal>*:last-child{
	margin-right: 0px !important;
}

/*@media(max-width: 787px){
	.z-swiper-holder .et_pb_row_2 .et_pb_code_inner{
		flex-wrap: wrap;
	}
	.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-scrollbar.swiper-scrollbar-horizontal{
		width: 100%;
		margin-bottom: 20px;
	}
	.z-swiper-holder .swiper-arrows{
		margin: 0px;
	}
	.z-swiper-holder .et_pb_row_2 .et_pb_code_inner>.swiper-pagination-bullets.swiper-pagination-horizontal{
		justify-content: flex-end;
	}
}*/