/*
Theme Name: Sellabees child
Theme URL: https://sellabees.nl/
Description: Sellabees theme
Author: Sellabees
Author URL: https://sellabees.nl/
Template: Divi
Version: 3.0
Text Domain: Sellabees-child
*/ 

@font-face {
    font-family: 'palatinoroman';
    src: url('palr45w-webfont.woff2') format('woff2'),
         url('palr45w-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* tekst 'jaartal + sitenaam'*/
#footer-info {
    color: black !important;
}
/* tekst 'SmitPRO dé website bouwer | Privacybeleid | Algemene voorwaarden'*/
#footer-info a {
    color: black !important;
}
/* inlog knop */
input#wp-submit {
    width: 100%;
	background-color: #0f4053;
}
/* Terug naar 'sitenaam' knop */
p#backtoblog {
    display: none;
}
/* achtergrond van de login pagina */
body.login {
	background-image: url("");
	background-color: #f2f2f2;
	background-position: center center;
}

/* login form */
#login form#loginform, #login form#registerform, #login form#lostpasswordform {
    padding: 26px 24px 46px 25px;
    border-radius: 10px;
    box-shadow: 0 1px 50px rgba(2,2,2,0.3);
}

/* mobile menu */
.et_mobile_menu .menu-item-has-children {
    position: relative !important;
}
@media (max-width: 980px) {
    #et_mobile_nav_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_fullwidth_menu .et_mobile_menu {
        overflow-y: auto !important;
        max-height: 80vh;
        padding-top: 0px;
        -webkit-overflow-scrolling: touch;
    }

    .et_mobile_menu .menu-item-has-children > ul.sub-menu {
        overflow-y: auto !important;
        max-height: 60vh;
        -webkit-overflow-scrolling: touch;
    }
}

ul#mobile_menu2 {
    width: 100vw !important;
    height: 100vh;
    transform: translateX(-10%);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
/* 	padding-bottom: 200px !important; */
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a:after {
    font-size: 20px;
    content: url('/wp-content/uploads/2025/04/Down_Arrow_3_.svg');
    position: relative;
    display: inline-block;
    top: -5px;
    margin-left: 20px;
    vertical-align: middle;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children.visible > a:after {
    content: url('/wp-content/uploads/2025/04/Down_Arrow_3_.svg');
	transform:rotate(180deg);
	top: 5px;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item > a {
    font-size: 20px;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head > a {
    font-size: calc(20px - 4px);
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head ul.sub-menu > li > a {
    font-size: calc(16px - 3px); 
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head ul.sub-menu li ul.sub-menu > li > a {
    font-size: calc(16px - 3px);
}

.dsm_contact_form_7 input[type=text], .dsm_contact_form_7 input[type=email], .dsm_contact_form_7 input[type=tel], .dsm_contact_form_7 input[type=date], .dsm_contact_form_7 textarea, .dsm_contact_form_7 select {
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 300;
    font-size: 16px;
	border-width: 3px;
	color: #161615;
    border-color: #dedede;
	background-color:white;
}

.dsm_contact_form_7 select { 
	margin-bottom:15px;
}

.reserverenInputsDate  {
	border:3px solid #dedede !important;
	padding-right: 30px; 
    position: relative;
	-webkit-appearance: none;
    appearance: none;
}

.wpcf7-form > p:nth-last-of-type(1) {
	display:flex;
	flex-direction:row-reverse;
}

.reserverenInputs::placeholder {
	color: #161615 !important;
}

.twoInputsRow {
    display: flex;
    flex-direction: row;
    gap: 30px; 
	margin: 30px 0px;
}

.twoInputsRow div {
    flex: 1;
}

.imageSliderAccommondation .remaining-count, .imageSliderAccommondationPhone .remaining-countPhone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 10px;
    font-size: 2em;
    border-radius: 5px;
}


#footer-info, #footer-info a {
	color:white !important;
	text-align:center;
}

.reserveringAanvraag iframe {
	min-height: 750px !important;
}

@media screen and (max-width: 1200px) and (min-width: 981px) {
	
	.accommondations {
		width:80% !important;
	}
	
	.et_pb_row.et_pb_row_6.accommondations > div:nth-child(3) h2 {
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	h2.et_pb_module_header {
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.feestenOrganiseren {
		width:80% !important;
	}
	
	.feestenOrganiseren > div > .feestBox {
		padding-top: 30vh !important;
	}
	
	
	.feestenOrganiseren > div .feestBox > div > h2 {
		font-size: 22px !important;
	}
	
	.heerlijkEten > div:nth-child(1) h2 {
		font-size:40px;
	}
	
	.hapjesDrankjesItems > div > div:nth-child(2) > h4 {
		font-size:17px !important;
	}
	
	.voorKidsInfoBox > div:nth-child(2) {
		padding: 10vh 4vw !important;
	}
	
	.contactInfoBoxes {
		width: 80% !important;
	}
	
	.contactInfoBoxes .blurbContactInfo > div > div:nth-child(1) {
		width: 19% !important
	}
	
		.contactInfoBoxes > div:nth-child(1) .blurbContactInfo > div > div:nth-child(1) {
		width: 16% !important
	}
	
	.contactInfoBoxes .blurbContactInfo h4 {
		font-size: 17px !important;
	}
	
	
	.footer {
		width: 80% !important;
	}
	
	.footer > div:nth-child(2) h3 {
		font-size: 22px;
	}
	
	.footer > div:nth-child(2) a {
		font-size: 12px !important;
		padding: 3px 20px !important;
	}


}

@media (max-width: 980px) {
	#footer-info, #footer-info a {
		text-align:start;
	}
	
	.imageSliderAccommondation .remaining-count, .imageSliderAccommondationPhone .remaining-countPhone {
		font-size: 1.5em;
	}
	
	.GoogleReviews .ti-fade-container .ti-stars {
		display: flex !important;
	}


}

@media (max-width: 532px) {
    .twoInputsRow {
        flex-direction: column;
        gap: 30px; 
    }
}

@media only screen and (min-width: 981px) and (max-width: 1180px)  {
	.PageTitle h1 {
		font-size:40px !important;
	}
	
	.blurbLocatie h4 {
		font-size:14px !important;
		line-height:1.8em !important;
	}
	
	#AdressRowNavbar > div > .blurbLocatie {
		margin-bottom: -9px !important;
	}
	
	.blurbLocatie > div {
		width:350px !important;
	}
	
	.blurbLocatie > div > div:first-child >span>span{
		font-size:12px !important;
	}
	
	.hapjesDrankjesItems {
		display: block !important;
		width:100% !important;
	}
	
	.hapjesDrankjesItems > div > div:nth-child(2) > h4 {
		font-size:18px !important;
	}
}



@media screen and (max-width: 400px) {
/* 	.homePageSlider > div > div:nth:child(1) > div > div > div > div > div:nth-child(1) {
		font-size: 28px;
		background-color:blue;
	} */
	
	.homePageSlider .dsm_card_carousel_child_subtitle {
		font-size: 28px !important;
	}
	
	.homePageSlider a.et_pb_button.et_pb_more_button {
		font-size:11px !important;
	}
	
	.GoogleReviews .ti-fade-container {
		display: block !important;
	}
	
	.GoogleReviews .ti-fade-container .ti-stars {
		display: inline-block !important;
	}
}

.et-pb-contact-message p,
.et-pb-contact-message > ul > li {
    font-family: 'Poppins';
	font-weight: 500;
    color: #0F2446 !important;
}

@media (min-width: 1441px) {
	.et_pb_module.et_pb_text.et_pb_text_0_tb_footer.GoogleReviews.et_pb_text_align_left.et_pb_bg_layout_light {
		display: none !important;
	}
}

@media only screen and (min-width: 425px) and (max-width: 430px) {
  /* Zorg dat de kolom de volledige breedte gebruikt */
  .Kolom2GlimpCreaties.et_pb_column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Maak de sliders volledige breedte */
  .dsm_image_carousel_1 .swiper-container,
  .dsm_image_carousel_2 .swiper-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Pas de slides aan zodat ze de volledige breedte innemen */
  .dsm_image_carousel_1 .swiper-slide,
  .dsm_image_carousel_2 .swiper-slide {
    width: 100% !important;
  }
  
  /* Zorg ervoor dat de afbeeldingen in de slides de volledige breedte gebruiken */
  .dsm_image_carousel_1 .swiper-slide img,
  .dsm_image_carousel_2 .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  
  /* Verwijder onnodige padding of margins die de breedte beperken */
  .dsm_image_carousel_1 .et_pb_module_inner,
  .dsm_image_carousel_2 .et_pb_module_inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Verplaats navigatiepijlen naar de zijkanten indien nodig */
  .dsm_image_carousel_1 .swiper-arrow-button,
  .dsm_image_carousel_2 .swiper-arrow-button {
    top: 50% !important;
  }
  
  .dsm_image_carousel_1 .swiper-button-prev,
  .dsm_image_carousel_2 .swiper-button-prev {
    left: 5px !important;
  }
  
  .dsm_image_carousel_1 .swiper-button-next,
  .dsm_image_carousel_2 .swiper-button-next {
    right: 5px !important;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
	.et_pb_module.et_pb_text.et_pb_text_0_tb_footer.GoogleReviews.et_pb_text_align_left.et_pb_bg_layout_light {
		display: none !important;
	}
	
  /* Maak de eerste kolom breder */
	.wat-we-gedaan-hebben .et_pb_column_7,
  	.wat-we-gedaan-hebben .et_pb_column_16 {
    	width: 30% !important; /* Vergroot van 25% naar 30% */
  	}
  
  /* Pas de andere kolommen aan om te compenseren */
	.wat-we-gedaan-hebben .et_pb_column_8,
	.wat-we-gedaan-hebben .et_pb_column_9,
	.wat-we-gedaan-hebben .et_pb_column_10,
  	.wat-we-gedaan-hebben .et_pb_column_17,
  	.wat-we-gedaan-hebben .et_pb_column_18,
  	.wat-we-gedaan-hebben .et_pb_column_19 {
    	width: 23.33% !important; /* Verdeel de overige 70% onder 3 kolommen */
  	}
  
  /* Zorg dat de tekst beter past */
  .wat-we-gedaan-hebben .et_pb_text_5 h3 {
    font-size: 26px; /* Pas fontgrootte aan indien nodig */
    line-height: 1.3;
    padding: 10px 5px;
  }
	
	div#header-home {
    	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 60%, rgba(41, 196, 169, 0) 50%), url(https://koppelman-hoveniers.sphdev.nl/wp-content/uploads/2025/03/HomepagePic-1742026054422.webp) !important;
	}
	
	
  /* Zorg dat de lijst horizontaal blijft */
  .listHomePage .dsm_icon_list_layout_horizontal {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  
  /* Maak de lijst-items smaller om ze op één rij te houden */
  .listHomePage .dsm_icon_list_child {
    width: auto;
    margin-right: 10px;
    white-space: nowrap;
  }
  
  /* Voorkom dat tekst omwrapped wordt */
  .listHomePage .dsm_icon_list_text {
    font-size: 14px; /* Iets kleinere tekst indien nodig */
  }
	
	div#header-home .SupremeButtons .et_pb_button_module_wrappers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  
  /* Zorg voor wat ruimte tussen de knoppen */
  div#header-home .SupremeButtons .et_pb_button_one {
    margin-right: 15px !important;
  }
  
  /* Maak de knoppen iets compacter indien nodig */
  div#header-home .SupremeButtons .et_pb_button_one,
  div#header-home .SupremeButtons .et_pb_button_two {
    padding: 0.3em 1em !important;
    font-size: 16px !important;
  }
	
	div#header-home a.et_pb_button.et_pb_button_two.et_pb_bg_layout_light.dsm-none.ButtonBorderSupreme {
		margin-top: 0px !important;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1171px) {
	.et_pb_module.et_pb_text.et_pb_text_0_tb_footer.GoogleReviews.et_pb_text_align_left.et_pb_bg_layout_light {
		display: none !important;
	}
	
	/* Zorg dat de lijst horizontaal blijft */
  .listHomePage .dsm_icon_list_layout_horizontal {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  
  /* Maak de lijst-items smaller om ze op één rij te houden */
  .listHomePage .dsm_icon_list_child {
    width: auto;
    margin-right: 10px;
    white-space: nowrap;
  }
  
  /* Voorkom dat tekst omwrapped wordt */
  .listHomePage .dsm_icon_list_text {
    font-size: 14px; /* Iets kleinere tekst indien nodig */
  }
	
		div#header-home {
    	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 60%, rgba(41, 196, 169, 0) 50%), url(https://koppelman-hoveniers.sphdev.nl/wp-content/uploads/2025/03/HomepagePic-1742026054422.webp) !important;
	}
	
	div#header-home .SupremeButtons .et_pb_button_module_wrappers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  
  /* Zorg voor wat ruimte tussen de knoppen */
  div#header-home .SupremeButtons .et_pb_button_one {
    margin-right: 15px !important;
  }
  
  /* Maak de knoppen iets compacter indien nodig */
  div#header-home .SupremeButtons .et_pb_button_one,
  div#header-home .SupremeButtons .et_pb_button_two {
    padding: 0.3em 1em !important;
    font-size: 16px !important;
  }
	
	div#header-home a.et_pb_button.et_pb_button_two.et_pb_bg_layout_light.dsm-none.ButtonBorderSupreme {
		margin-top: 0px !important;
	}
	
	  /* Maak de eerste kolom breder */
	.wat-we-gedaan-hebben .et_pb_column_7,
  	.wat-we-gedaan-hebben .et_pb_column_16 {
    	width: 30% !important; /* Vergroot van 25% naar 30% */
  	}
  
  /* Pas de andere kolommen aan om te compenseren */
	.wat-we-gedaan-hebben .et_pb_column_8,
	.wat-we-gedaan-hebben .et_pb_column_9,
	.wat-we-gedaan-hebben .et_pb_column_10,
  	.wat-we-gedaan-hebben .et_pb_column_17,
  	.wat-we-gedaan-hebben .et_pb_column_18,
  	.wat-we-gedaan-hebben .et_pb_column_19 {
    	width: 23.33% !important; /* Verdeel de overige 70% onder 3 kolommen */
  	}
  
  /* Zorg dat de tekst beter past */
  .wat-we-gedaan-hebben .et_pb_text_5 h3 {
    font-size: 28px; /* Pas fontgrootte aan indien nodig */
    line-height: 1.3;
    padding: 10px 5px;
  }
}

@media only screen and (min-width: 1172px) and (max-width: 1440px) {
	.et_pb_module.et_pb_text.et_pb_text_0_tb_footer.GoogleReviews.et_pb_text_align_left.et_pb_bg_layout_light {
		display: none !important;
	}
	/* Maak de eerste kolom breder */
	.wat-we-gedaan-hebben .et_pb_column_7,
  	.wat-we-gedaan-hebben .et_pb_column_16 {
    	width: 30% !important; /* Vergroot van 25% naar 30% */
  	}
  
  /* Pas de andere kolommen aan om te compenseren */
	.wat-we-gedaan-hebben .et_pb_column_8,
	.wat-we-gedaan-hebben .et_pb_column_9,
	.wat-we-gedaan-hebben .et_pb_column_10,
  	.wat-we-gedaan-hebben .et_pb_column_17,
  	.wat-we-gedaan-hebben .et_pb_column_18,
  	.wat-we-gedaan-hebben .et_pb_column_19 {
    	width: 23.33% !important; /* Verdeel de overige 70% onder 3 kolommen */
  	}
  
  /* Zorg dat de tekst beter past */
  .wat-we-gedaan-hebben .et_pb_text_5 h3 {
    font-size: 35px; /* Pas fontgrootte aan indien nodig */
    line-height: 1.3;
    padding: 10px 5px;
  }
	
	div#header-home .SupremeButtons .et_pb_button_module_wrappers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  
  /* Zorg voor wat ruimte tussen de knoppen */
  div#header-home .SupremeButtons .et_pb_button_one {
    margin-right: 15px !important;
  }
  
  /* Maak de knoppen iets compacter indien nodig */
  div#header-home .SupremeButtons .et_pb_button_one,
  div#header-home .SupremeButtons .et_pb_button_two {
    padding: 0.3em 1em !important;
    font-size: 16px !important;
  }
	
	div#header-home a.et_pb_button.et_pb_button_two.et_pb_bg_layout_light.dsm-none.ButtonBorderSupreme {
		margin-top: 0px !important;
	}
	
}

/* projecten */
/* Voor een raster met 2 kolommen in plaats van 3 */
@media (min-width: 981px) {
    /* Stel de breedte in op ongeveer 31% voor 3 items per rij */
    .et_pb_gallery .et_pb_gallery_item {
        width: 31.333% !important;
        margin-right: 3% !important;
        margin-bottom: 3% !important;
        clear: none !important;
    }
    
    /* Verwijder de margin-right van elk derde item */
    .et_pb_gallery .et_pb_gallery_item:nth-child(3n) {
        margin-right: 0 !important;
    }
    
    /* Reset de bestaande classes voor eerste/laatste in rij */
    .et_pb_gallery .et_pb_gallery_item.first_in_row,
    .et_pb_gallery .et_pb_gallery_item.last_in_row {
        clear: none !important;
    }
    
    /* Zorg voor een clear na elk derde item */
    .et_pb_gallery .et_pb_gallery_item:nth-child(3n+1) {
        clear: both !important;
    }
}

/* dropdown navbar */

/* #mobile_menu2 {
    background-image: url("/wp-content/uploads/2025/04/Group-258.png");
	background-size:cover;
} */

/* GoogleReviews */

.GoogleReviews {
	font-family:'Poppins',Helvetica,Arial,Lucida,sans-serif;
	font-size:12px !important;
}

.GoogleReviews .ti-widget {
	width:fit-content !important;
}

.ti-widget.ti-goog .ti-header span {
    font-weight: 400 !important;
	color: #0f2446 !important;
    font-size: 12px !important;
}

.GoogleReviews a {
	padding:0px !important;
	display: flex !important;
    align-items: center !important;
}

.GoogleReviews .ti-fade-container {
	display: flex;
	align-items: center;
}

.ti-stars {
	margin: 0px 10px 0px 15px !important;
}

/* eind google styling */

.USPS ul li {
	padding-right:0px;
}

/* zakelijk */

.listGroenBeheer ul li:last-child {
	display: flex;
    align-items: flex-start;
}

/* eind zakelijk */

/* groenvoorziening */

.Zorginstellingen p {
	  color:white !important;
}


/* contact */

.Contactform button, .SolidButton {
	min-width: 225px;
	text-align: center;
	color: #FFFFFF !important;
    border-width: 4px !important;
    border-color: #E0A423;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #E0A423;
	padding-top: 15px !important;
    padding-right: 10px !important;
    padding-bottom: 15px !important;
    padding-left: 10px !important;
	margin-left:0px;
	margin-top:10px;
}

.Contactform .et_contact_bottom_container {
	float:left;
	margin-left:3%;
}

.BlurbContact  .et_pb_image_wrap  {
 	margin:0px;
}

/* eind contact */

.SolidButton {
	display:inline-block;
}

.SecondItemMiddleNav > div:first-child {
	margin-right:10px!important;
}

.SecondItemMiddleNav  > div:nth-child(2) {
	margin-bottom:0px !important;
}

.et_pb_row.et_pb_row_1_tb_header.et_pb_gutters1  > div:nth-child(3) {
	width:26.333%;
}
.et_pb_row.et_pb_row_1_tb_header.et_pb_gutters1  > div:nth-child(2) {
	width:40.333%;
}

#footer-info, #footer-info a {
	color:#0F2446 !important;
}



.SecondItemMiddleNav {
	justify-content:end;
}


.et_pb_column.et_pb_column_1_2.et_pb_column_3_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child {
	display:flex;
	justify-content:flex-end;
}

.et_pb_module.dsm_image_carousel.dsm_image_carousel_0_tb_footer.dsm_image_carousel_arrow_outside.dsm_image_carousel_arrow_mobile_inside {
	margin-bottom: 5%;
}

.ButtonSolidSupreme {
	min-width:225px;
	text-align:center;
}
.ButtonBorderSupreme {
	min-width:225px;
	text-align:center;
}


.BlurbsNavbarSmalRow {
	width:fit-content;
}

.BlurbsNavbarSmalRow > div > div:last-child {
	width:fit-content;
}

.BlurbsNavbarSmalRow > div > div:first-child {
	width:fit-content;
}

.BlurbsNavbarSmalRow > div > div:last-child {
	padding-left:5px;
}

.et_pb_column.et_pb_column_1_2.et_pb_column_11_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child {
	width:fit-content;
}

.et_pb_column.et_pb_column_1_4.et_pb_column_11_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child {
	display: flex;
    justify-content: flex-end;
}

.alignVerticalCenter {
	display: flex;
    align-items: center;
}

.cardsContact .dsm_card p {
	color:#94a6c4;
}

.cardsContact {
	display:flex;
}

.cardsContact div {
	display:flex;
	flex-direction:column;
	flex-grow:1;
}

.contactFooter #footer-info, .contactFooter #footer-info a {
	color:white !important;
	text-align:start !important;
	font-weight:300 !important;
}


/* zoom level styling */

.zoom-low .et_pb_section_0 {
	margin-top:10vh !important;
}

.zoom-low .UspRow2OverOns ul {
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.zoom-low .UspRow2OverOns ul li {
	margin-left:2vw !important;
	margin-right:2vw !important;
}

.zoom-low .et_pb_module.et_pb_divider_0.ZakelijkFoto1.et_pb_space.et_pb_divider_hidden, .zoom-low .et_pb_module.et_pb_divider_1.ZakelijkFoto2.et_pb_space.et_pb_divider_hidden, .zoom-low .Foto1, .zoom-low .Foto2 {
	padding-top:185px !important;
	padding-bottom:185px !important;
}

.zoom-low .bedrijventerreinen .et_pb_module.et_pb_divider_0.et_pb_space.et_pb_divider_hidden{
	padding-top:321px;
	padding-bottom:321px;
}

/* slider small navbar */
	.SliderNavbarSmall .dsm_card_carousel_child .et_pb_module_inner {
		display:flex;
		flex-direction:row-reverse;
		justify-content:center;
	}

	.SliderNavbarSmall .dsm_card_carousel_child .et_pb_module_inner > figure, .SliderNavbarSmall .dsm_card_carousel_child .et_pb_module_inner > div {
		width:fit-content;
		margin-right:5px;
		margin-left:5px;
	}
	
	.SliderNavbarSmall .dsm_card_carousel_child .et_pb_module_inner > div, .SliderNavbarSmall .dsm_card_carousel_child .et_pb_module_inner > div > h4 {
		padding:1px
	}

@media (min-width: 981px) and (max-width: 1450px) {
	.et_pb_row_0 h1 {
		font-size:45px !important;
	}
}


@media (min-width: 1100px) and (max-width: 1220px) {
	.et_pb_module.dsm_icon_list.dsm_icon_list_0.listHomePage > div > ul > li {
    	padding-right: 15px !important;
	}
}

@media (max-width: 320px) {
	.page-openbare-groenvoorziening .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-zakelijk .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-over-ons .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-bedrijventerreinen .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-projecten-zakelijk .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-particulieren .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-tuinen .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-projecten-particulieren .et_pb_section_0.et_pb_section .et_pb_row_0 h1 {
		font-size: 30px !important
	}
	
	.page-tuinen .et_pb_section_0.et_pb_section {
		padding-bottom: 2vh !important;
	}
	
	.page-projecten-zakelijk .et_pb_section_0.et_pb_section,
	.page-projecten-particulieren .et_pb_section_0.et_pb_section {
        margin-top: 10vh !important; 
	}
	
		
	.listHomePage .dsm_icon_list_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  
  /* Maak elk item 50% breed (2 per rij) */
  .listHomePage .dsm_icon_list_child {
    width: 50% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
  }
  
  /* Zorg ervoor dat de icon en tekst netjes gecentreerd zijn */
  .listHomePage .dsm_icon_list_wrapper,
  .listHomePage .dsm_icon_list_text {
    display: inline-block !important;
    text-align: center !important;
  }
	
	.et_pb_row.et_pb_row_5.Overons > div > div > span > img {
    	max-width: 90% !important;
	}
	
	.Overons h2,
	.onze-diensten h2,
	.projecten h2,
	.reviews h4,
	.zakelijk h4,
	.neem-contact-op h4,
	.partner-zakelijk-groenbeheer h2,
	.Zorginstellingen h4 {
		font-size: 30px !important;
	}
}

@media (min-width: 321px) and (max-width: 375px) {
	.page-openbare-groenvoorziening .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-zakelijk .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-over-ons .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-bedrijventerreinen .et_pb_section_0.et_pb_section .et_pb_row_0 h1, 
	.page-projecten-zakelijk .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-particulieren .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-tuinen .et_pb_section_0.et_pb_section .et_pb_row_0 h1,
	.page-projecten-particulieren .et_pb_section_0.et_pb_section .et_pb_row_0 h1 {
		font-size: 36px !important
	}
	
	.page-particulieren .et_pb_section_0.et_pb_section {
		padding-bottom: 6vh !important;
	}
	
	.page-projecten-zakelijk .et_pb_section_0.et_pb_section,
	.page-projecten-particulieren .et_pb_section_0.et_pb_section {
        padding-bottom: 9vh !important;
        margin-top: 10vh !important; 
	}
	
	
	.page-over-ons .et_pb_section_0.et_pb_section {
		padding-bottom: 5vh !important;
	}
	
	.page-openbare-groenvoorziening .et_pb_section_0.et_pb_section {
        padding-bottom: 9vh !important;
	}
	
	.page-zakelijk .et_pb_section_0.et_pb_section {
		padding-bottom: 9vh !important;
	}
		
	.listHomePage .dsm_icon_list_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  
  /* Maak elk item 50% breed (2 per rij) */
  .listHomePage .dsm_icon_list_child {
    width: 45% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
  }
  
  /* Zorg ervoor dat de icon en tekst netjes gecentreerd zijn */
  .listHomePage .dsm_icon_list_wrapper,
  .listHomePage .dsm_icon_list_text {
    display: inline-block !important;
    text-align: center !important;
  }
	
	.et_pb_row.et_pb_row_5.Overons > div > div > span > img {
    	max-width: 95% !important;
	}
	
	.Overons h2,
	.onze-diensten h2,
	.projecten h2,
	.reviews h4,
	.zakelijk h4,
	.neem-contact-op h4,
	.partner-zakelijk-groenbeheer h2,
	.Zorginstellingen h4{
		font-size: 32px !important;
	}
}

@media (min-width: 376px) and (max-width: 475px) {
	.page-tuinen .et_pb_section_0.et_pb_section {
		padding-bottom: 6vh !important;
	}
	
	.page-projecten-zakelijk .et_pb_section_0.et_pb_section,
	.page-projecten-particulieren .et_pb_section_0.et_pb_section {
        margin-top: 10vh !important; 
	}
		
	.listHomePage .dsm_icon_list_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  
  /* Maak elk item 50% breed (2 per rij) */
  .listHomePage .dsm_icon_list_child {
    width: 40% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
  }
  
  /* Zorg ervoor dat de icon en tekst netjes gecentreerd zijn */
  .listHomePage .dsm_icon_list_wrapper,
  .listHomePage .dsm_icon_list_text {
    display: inline-block !important;
    text-align: center !important;
  }
	
	.Overons h2,
	.onze-diensten h2,
	.projecten h2,
	.reviews h4,
	.zakelijk h4,
	.neem-contact-op h4,
	.partner-zakelijk-groenbeheer h2,
	.Zorginstellingen h4{
		font-size: 32px !important;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	body .listHomePage > div > ul > .dsm_icon_list_child_0:not(.tippy-popper),
	body .listHomePage > div > ul > .dsm_icon_list_child_1:not(.tippy-popper),
	body .listHomePage > div > ul > .dsm_icon_list_child_2:not(.tippy-popper),
	body .listHomePage > div > ul > .dsm_icon_list_child_3:not(.tippy-popper) {
		padding-right: 15px !important;
	}
}

@media (min-width: 981px) and (max-width: 1023px) {
	.onze-diensten h2,
	.over-ons h2,
	.reviews h4,
	.Zorginstellingen h4,
	.alignVerticalCenter h2,
	.smallertext h2{
		font-size: 40px !important;
	}
	
	.neem-contact-op h4 {
		font-size: 32px !important;
	}
	
	#post-877 > div > div > div > div.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough > div > div > h1 {
		font-size: 43px !important;
	}
}

@media (min-width: 1024px) and (max-width: 1219px) {
	.onze-diensten h2,
	.over-ons h2,
	.reviews h4,
	.Zorginstellingen h4,
	.alignVerticalCenter h2,
	.smallertext h2 {
		font-size: 45px !important;
	}
	
	.smallertext h2 {
		font-size: 40px !important;
	}
	
	.neem-contact-op h4 {
		font-size: 34px !important;
	}
}

@media (min-width: 981px) and (max-width: 1250px) {
	
	body #page-container .et_pb_section .dsm_button_1 .et_pb_button_two.et_pb_button:nth-child(2), body #page-container .et_pb_section .dsm_button_0 .et_pb_button_two.et_pb_button:nth-child(2) {
		margin-left:0px !important;
		margin-top:20px !important;
	}
	
	.SupremeButtons > div > div {
		display:flex;
		flex-direction:column;
		width:50%;
	}
	.dsm_icon_list_items .dsm_icon_list_child_4_tb_header:not(.tippy-popper), .dsm_icon_list_items .dsm_icon_list_child_5_tb_header:not(.tippy-popper)  {
		padding-right:2vw !important;
	}

	/* OverOns */

	.LongImageOverOns {
		background-image: url("/wp-content/uploads/2025/06/4-1751015906310-scaled.webp");
		background-size: cover;
        border-radius: 20px;
        padding: 26vh 0vh;
	}
	.LongImageOverOns img {
		visibility:hidden;
	}
	
	.Longimg3DOntwerp {
		background-image: url("/wp-content/uploads/2025/06/39-1751016158736-scaled.webp");
		background-size: contain;
		padding: 10vh 0vh;
	}
	
	.Longimg3DOntwerp img {
		visibility:hidden;
	}

	.OntwerpOnderhoud h2 {
		font-size:40px  !important;
	}

/* 	Tuinen */
	.LongImageTuinen {
		background-image: url("/wp-content/uploads/2025/04/69-1.png");
		background-size: contain;
		padding: 10vh 0vh;
	}
	
	.LongImageTuinen img {
		visibility:hidden;
	}
	
	.LongImageContact {
		background-image: url("/wp-content/uploads/2025/04/9.png");
		background-size: contain;
		padding: 10vh 0vh;
	}

	.LongImageContact img {
		visibility:hidden;
	}
}

@media (min-width: 981px) and (max-width: 1180px) {
	.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
		margin-top:13vh;
	}
	
	#mobiel-menu .et_pb_menu__logo-wrap {
        width: 100%;
    }
	
	.USPS ul li {
		font-size:16px !important;
	}

	.USPS > div > div:first-child ul li:nth-child(2) {
		margin-left:2vw !important;
		margin-right:2vw !important;
	}

	/* 	zakelijk */

	.ZakelijkFoto1 {
		background-image: url('/wp-content/uploads/2025/04/100.png') !important;
	}
	
	.ZakelijkFoto2 {
		background-image: url('/wp-content/uploads/2025/04/94.png') !important;
	}

	/* eind zakelijk */

	.ZakelijkFoto1, .ZakelijkFoto2 {
		padding-top:23vh !important;
		padding-bottom:23vh !important;
	}
	
	.smallertext p, .smallertext .dsm_icon_list_text{
		font-size:14px !important;
	}
	
	.cards {
		display:flex;
	}
	
	.cards > div{
		display:flex;
		flex-grow:1;
	}

	/* particulieren */
	.Particulieren .Foto1 {
		background-image: url('/wp-content/uploads/2025/04/11-1.png') !important;
	}
	
	 .Particulieren .Foto2 {
		background-image: url('/wp-content/uploads/2025/04/15-1.png') !important;
	}

	.ZakelijkFoto1, .ZakelijkFoto2 {
		padding-top:23vh !important;
		padding-bottom:23vh !important;
	}


	.GlimpProjecten h2, .Overons h2 {
		font-size:40px !important;
	}
}

@media (min-width: 400px) and (max-width: 981px) {
	.et_pb_row.et_pb_row_3.et_pb_gutters2 {
		display:flex;
		justify-content:space-between;
	}
/* 	.et_pb_row.et_pb_row_3.et_pb_gutters2 > div {
		width:48%;
	} */
	.et_pb_row.et_pb_row_3.et_pb_gutters2:after {
		content:none;
	}
}

@media (max-width:980px) { 
	.cards {
		flex-direction:column;
		align-items:center;
	}

	.cards > div {
		width:100%;
	}
	
	.cardsContact {
		flex-direction:column;
	}
	
}


@media (max-width:767px) { 
	.Kolom2GlimpCreaties  .swiper-arrow-button {
		top:105% !important;
	}

	.reviews .dsm_card_carousel_arrow  {
		top:107% !important;
	}
	
	.listHomePage ul {
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	
	.listHomePage ul li {
		margin-right:0px !important;
	}

	.et_pb_row_0 {
		padding:5vh 0px 0vh 0px !important;
	}
	
	div#header-home .et_pb_row_0 {
		padding:10vh 0px 5vh 0px !important;
	}
}

@media (min-width: 400px) and (max-width: 635px) {
		div#header-home .et_pb_row_0 {
		padding:10vh 0px 10vh 0px !important;
	}
	
	.et_pb_row.et_pb_row_3.et_pb_gutters2 {
		display:flex;
		flex-direction:column;
	}

	
	.et_pb_row.et_pb_row_3.et_pb_gutters2 > div > div {
		text-align:center;
	}

	/* particulieren */

	.Particulieren > div:nth-child(3) > div {
		width:100% !important;
	}
}


@media (max-width: 550px) {
	.glimpCreaties > div > div {
		display:flex;
		flex-direction:column;
	}
	
	.glimpCreaties > div > div > a {
		width:225px;
	}
	html body #page-container .et_pb_section .glimpCreaties .et_pb_button_two.et_pb_button {
		margin-left: 0px !important;
	}
}