/*
 Theme Name:   Helemaal de bom
 Theme URI:    https://www.helemaaldebom.nl/
 Description:  Helemaal de bom thema
 Author:       Helemaal de bom
 Author URI:   https://www.helemaaldebom.nl/
 Template:     sydney
 Version:      1.0.0
 Text Domain:  sydney-child
*/

.home .button-slider {
	background-color: #F19015;
	border-color: #F19015;
}

.home .button-slider:hover {
	color: #F19015;
	border-color: #F19015;
}

/* Grizzly style */
.woocommerce.columns-4 {margin-top: 20px;}h2.woocommerce-loop-product__title {margin-top: 20px !important;}.kolom-2-lp{padding-top: 5px;padding-bottom: 30px;}

.wapf-pricing-hint {
	display: inline-block !important;
}

.wapf-field-row {
	background-color: #47C01C !important;
	color: white;
}

.wapf-product-totals {
	display: flex !important;
	align-items: center !important;
	gap: 5% !important;
}

.wapf--inner {
	flex: 100% !important;
}

.costum-div {
	margin-left: 2% !important;
}

.button-slider {
	margin-top: 10px;
    display: table;
	padding: 8px 30px; 
	background: #47C01C;
	color: white;
	border: 1px solid #47C01C;
	border-radius: 3px;
}

.button-slider:hover {
	background: transparent;
	color: #47C01C;
}

@media screen and (max-width: 767px) {
	.button-slider {
		padding: 5px 20px;
	}
}

@media only screen and (max-width: 600px)  {
	.costum-div {
		margin-top: 15px;
    	margin-bottom: 15px;
	}
	
	.cotum-div-inner {
		margin-top: 20px;
	}
	
	.wapf-product-totals {
		flex-direction: column !important;
	}
	
	.wapf-product-total {
	margin-left: 10px !important;
	}
}

.link-wapf-costum {
	background: #F19015;
	color: #fff;
	padding: 10px 15px;
	border: 1px solid #F19015;
	border-radius: 70px;
}

.link-wapf-costum:hover {
	background: transparent;
	color: #000;
	border: 1px solid #000;
}


.wapf-field-row span {
	color: white !important;
}

.wapf-product-totals {
/* 	background: #47c01cbd !important; */
}

.wapf--inner > div > span {
	color: #000 !important;
}

.extraInformatieProducten h4 {
	display: none;
}

/* .product_cat_gardenlux-assortiment .woocommerce-Price-amount bdi {
	display: none;
} */

.cmplz-placeholder-element {
	width: 100% !important;
}

.modal {
	z-index: 1000 !important;
	padding: 0px 30px;
}

#myModal input[type="submit"] {
	font-size: 18px !important;
	position: relative; 
	left: 40px;
	color: #000;
	background: #fff;
	border: 1px solid #fff;
}

#myModal input[type="submit"]:hover {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.modal-body {
	padding: 40px;
}

.modal-body h2 {
	text-align: center;
}

.modal-body h2,
.modal-body label {
	color: #fff;
}

.modal-content {
	background: #47C01C;
    max-width: 600px; 
	width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10000000000000000000000000000000;
    top: 25%;
	border-radius: 10px;
}

/* Verwijderd de euro teken op de shop pagina's maar niet in de winkelwagen + check-out pagina */
.archive .woocommerce-Price-currencySymbol,
.single-product .woocommerce-Price-currencySymbol,
.page-id-6 .woocommerce-Price-currencySymbol {
	display: none;
}


.page-id-73797 div.entry-content {
	padding: 50px 0 0 0;
}

.page-id-73797 div.entry-content .buttonContact {
	margin-left: 50px;
}

@media screen and (min-width: 768px) {
	.page-id-73797 div.entry-content {
		padding: 100px 0 0 0;
	}
}

.logged-in .buttonZakelijk {
	display: none;
}

.buttonZakelijk {
	display: inline;
	background-color: #444443;
    color: white;
    padding: 0.618em 1em;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #444443;
}

/* BEGIN: MIJN ACCOUNT - BESTELLINGEN */
.woocommerce-account #secondary {
	display: none;
}
.woocommerce-account #primary {
	width: 100%;
}

.woocommerce table.my_account_orders .button {
	background-color: #47C01C !important;
	border-color: #47C01C !important;
	color: #fff;
	margin: 2px;
}

.woocommerce table.my_account_orders .button:hover {
	color: #47C01C !important;
}

@media screen and (1200px) {
	.woocommerce table.my_account_orders .button {
		margin: 0 5px;
	}
}
/* END: MIJN ACCOUNT - BESTELLINGEN */

.winkel_count {
	color: white;
    background-color: #47C01C;
    position: absolute;
    width: 20px;
    text-align: center;
    border-radius: 50px;
	font-size: 12px;
}

.extraInformatieProducten {
	margin: 35px 0;
}

@media screen and (min-width: 992px) {
	.woocommerce-account .content-wrapper {
		margin-top: 200px !important;
	}
}

.woocommerce-checkout .woocommerce-order-details .woocommerce-table__product-name {
	text-align: center !important;
}

/* Give a position to the count in the shopping cart */

@media only screen and (min-width: 1025px)  {
	.winkel_count {
		margin-left: 280px;
	}
}

@media only screen and (max-width: 1025px) and (min-width: 970px)  {
	.winkel_count {
		margin-left: 270px;
	}
}

@media only screen and (max-width: 970px) and (min-width: 900px)  {
	.winkel_count {
/* 		right: 60px; */
	}
}

@media only screen and (max-width: 900px) and (min-width: 800px)  {
	.winkel_count {
/* 		right: 55px; */
	}
}

@media only screen and (max-width: 800px) and (min-width: 700px)  {
	.winkel_count {
/* 		right: 45px; */
	}
}

@media only screen and (max-width: 767px) and (min-width: 600px)  {
	.winkel_count {
		right: 30px;
	}
}

@media only screen and (max-width: 600px) and (min-width: 500px)  {
	.winkel_count {
		right: 70px;
		top: 22px;
		font-size: 11px;
		width: 19px;
	}
}

@media only screen and (max-width: 500px) and (min-width: 400px)  {
	.winkel_count {
		right: 45px;
		top: 22px;
		font-size: 11px;
		width: 19px;
	}
}

@media only screen and (max-width: 400px) and (min-width: 300px)  {
	.winkel_count {
		right: 10px;
		top: 22px;
		font-size: 11px;
		width: 19px;
	}
}

@media only screen and (max-width: 300px) and (min-width: 200px)  {
	.winkel_count {
		right: 0px;
		top: 22px;
		font-size: 11px;
		width: 19px;
	}
}

/* hide the badge in the shoppingcart */
.xoo-wsc-body .yith-wcbm-badge {
	display: none;
}

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

.woocommerce-product-details__short-description {
	border-bottom: 0px !important;
}
.product-type-simple #button-draairichting-div {
	display: none;
}
.woocommerce table.shop_attributes:nth-child(1) {
	display: block !important;
}

ol.flex-control-nav.flex-control-thumbs li img:not(.flex-active) {
	opacity: 1;
}
@media only screen and (min-width: 1024px)  {
	#header_search_searchbar {
		top: 0px !important;
	}
}

/* Give a margin top to the description on the page "Enkele of dubbele poort/ hek model Bangkirai Bonaire" */
.postid-49020 .product_meta {
	margin-top: 20px
}

.menu-toggle {
	position: relative;
	display: block;
	top: 105px;
}

/* Style the form in the homepage */
.asterisk {
	display: none;
}

#mce-FNAME,
#mce-EMAIL {
	text-align: center; 
	color: black;
	margin-top: 9px;
	box-shadow: 2px 13px 28px #dedada;
	max-width: 400px;
    width: 100%;
    height: 70px;
}

.mc-field-group input::placeholder {
	color: black !important;
	opacity: 1 !important;
	font-size: 20px;
}

.button-form-home {
	font-size: 20px !important;
	color: black !important;
	background-color: white !important;
	box-shadow: 2px 13px 28px #dedada !important;
	width: 400px; 
	height: 70px;
	margin-top: 20px !important;
	border: 1px solid #dedada !important;
}

.button-form-home:hover {
	    box-shadow: 2px 13px 28px #868686 !important;
}

@media only screen and (min-width: 1300px)  {
	.optionalParent .clear {
		text-align: right;
	}

	.mc-field-group {
		text-align: right;
	}
}

/* Give the offcanvas menu a higher z index */
.sydney-offcanvas-menu {
	z-index: 100000000 !important;
}



#mc_embed_signup div.mce_inline_error {
	margin-top: 20px !important;
}


#header_search_searchbar {
	transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

/* Make the shopping cart for "Blokhut Emma" clickable */
#information-product .cart {
	z-index: 100;
	position: relative;
}

/* Give the Google maps in the header in the contact page a margin-top */

.mapsInHeader {
	margin-top: 30px;
}

@media only screen and (min-width: 1000px)  {
	.postid-46750 div.product form.cart .variations select {
		margin-left: 50px !important;
	}
	
}



.woocommerce-shipping-totals th {
	vertical-align: baseline;
	padding-top: 22px !important;
}

.sydney-offcanvas-menu.toggled {
	padding-left: 0;
	padding-right: 0;
}

.sydney-offcanvas-menu #mainnav ul li {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.onlyShowMobile {
	background-color: #47C01C;
}

/* error (404) page */

.error404 #content {
	background-color: #F3F6F5;
	margin-top: 150px !important;
	margin-bottom: 0 !important;
	padding: 50px 0;
}

.error404 div.error-404 {
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/wp-content/uploads/2025/04/broken_fence.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 500px;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

.error404 .threeButtons {
	margin-top: 50px;
}

.error404 .threeButtons a {
	margin: 0 25px;
}

.error404 div.error-404 h2,
.error404 div.error-404 p {
	color: #fff;
}

.error404 div.error-404 h2 span {
	font-style: italic;
}

.error404 .content-wrapper.container {
	max-width: 1600px;
}

@media screen and (min-width: 1000px) {
	.onlyShowMobile {
		display: none;
	}
}

/* Styling for the aanbieding overzicht pagina */
.page-id-65770 .usp_product_overview {
	display: none;
}

.page-id-65770 .loop-button-wrapper {
	display: inline;
	float: right;
	margin-top: -50px;
}

/* Styling for the blokhutten pagina */
#information-product-2 {
	display: none;
}

/* Show the title, price and information only on the right side by product cat blokhutten */
.product_cat_blokhutten #information-product-2 {
	display: block !important;
}

/* Remove the margin-bottom form the cart so there won't be white space */
.woocommerce div.product form.cart {
	margin-bottom: 0em !important;
}

.woocommerce div.product div.images img {
	position: relative; 
	z-index: 10;
}

.product_cat_blokhutten #information-product-2 .wapf,
.product_cat_blokhutten #information-product-2 .yith-wapo-container,
.product_cat_blokhutten #information-product-2 .sydney-single-addtocart-wrapper,
.product_cat_blokhutten #information-product-2 .cart h4,
.product_cat_blokhutten #information-product-2 .product_meta {
	display: none !important;
}

@media only screen and (min-width: 768px)  {
	.product_cat_blokhutten #information-product .product_title,
	.product_cat_blokhutten #information-product .price .woocommerce-Price-amount,
	.product_cat_blokhutten #information-product .woocommerce-product-details__short-description {
		display: none !important;
	}
}

.single-product .product .wapf-field-row {
	position: relative; 
	z-index: 2;
}

@media only screen and (max-width: 768px)  {
	.product_cat_blokhutten #information-product-2 .product_title,
	.product_cat_blokhutten #information-product-2 .price .woocommerce-Price-amount,
	.product_cat_blokhutten #information-product-2 .woocommerce-product-details__short-description {
		display: none !important;
	}
}

.woocommerce table.shop_attributes {
	display: none;
}

/* Haal de eerste afbeelding weg op de single product */
/* .flex-control-nav li:nth-child(1) {
	display: none !important;
} */

/* Voeg de margin top aan de meest verkocht balk op de home pagina */
#meest_verkochte_producten {
	margin-top: 80px;
}

/* Geef het uitschuif winkelmenu een z-index van een triljoen zodat deze voorrang zal hebben op alle andere elementen */
.xoo-wsc-cart-active {
    position: relative;
    z-index: 80000000;
}

._steamlive_chat_frame {
	z-index: 10000000000 !important;
}

/* Styling for the Contact Form 7 Form */
.wpcf7-form p label{
	font-size: 20px;
}

.wpcf7-form p {
	text-align: center;
}

.wpcf7-form p label span input  {
	border-radius: 5px !important;
}

.buttonContact {
	color: white !important;
	background-color: #47C01C !important;
	font-size: 15px !important;
	border: 1px solid #47C01C !important;
}

.buttonContact:hover {
	color: #47C01C !important;
	background: transparent !important;
}

/* Verander de content van woensdag */
.mabel-bhi-businesshours tbody tr:nth-child(3) td:nth-child(2) {
	text-indent: -9999px;
  	line-height: 0; /* Collapse the original line */
}

.mabel-bhi-businesshours tbody tr:nth-child(3) td:nth-child(2)::after {
    content: " Showroom gesloten, wel telefonisch bereikbaar of op afspraak!";
    text-indent: 0;
    display: block;
    line-height: initial;
    text-transform: none;
}

@media (max-width: 992px) {
	table.mabel-bhi-businesshours tr {
		display: flex;
		justify-content: center;
	}
}

@media only screen and (max-width: 456px)  {
	.home .woocommerce ul.products[class*=columns-] li.product {
		width: 96% !important;
	}
}

/* Remove USP Product Overwiew on a single product page */
.single-product .type-product .usp_product_overview {
	display: none;
}
#information-product .up-sells .products {
	margin-left: 0 !important;
	z-index: 1;
    position: relative;
}

.woocommerce-product-details__short-description {
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}
/* Display none so that upsells wont be displayed twice. */
.wc_upsell_shortcode {
	display: none;
}
@media only screen and (max-width: 960px) and (min-width: 768px)  {
	.woocommerce div.product form.cart .variations .value {
		width: 220px !important;
	}
}

/* Make a 2 column layout for the single product page */
@media only screen and (min-width: 770px)  {
	#information-product {
		width: 45%;
		float: right;
	}
	
	.product_cat_blokhutten #information-product {
		width: 100%;
	}
	
	.up-sells .products li.product {
		width: 75px !important;
	}
	
	.single-product .up-sells ul li .loop-button-wrapper{
		display: none !important;
	}
	#information-product .up-sells .products .product {
		margin-bottom: 0px !important;
	}
	.woocommerce div.product form.cart {
		margin-top: 20px !important;
	}
}

/* Make the variables on the single product page all even */
.woocommerce div.product form.cart .variations .value {
	width: 300px;
}
.woocommerce div.product form.cart .variations .label {
	width: 20%;
}


@media only screen and (min-width: 800px)  {
	.woocommerce div.product form.cart .variations .label {
		width: 20%;
	}
}

@media only screen and (max-width: 800px)  {
	.woocommerce div.product form.cart .variations .label {
		width: 30%;
	}
	
	.single-product .up-sells ul li .loop-button-wrapper{
		display: none !important;
	}
}

/* Change widht of columns on the homepage */
@media screen and (max-width: 768px) {
	.home .woocommerce ul.products[class*=columns-] li.product {
		width: 46%;
	}
}




@media only screen and (min-width: 992px)  {
	.product-category-item-layout1 .site-main {
		width: 75%;
		margin-left: auto;
	}
}

/* Adjustments to the simple product pages */
@media only screen and (max-width: 840px) and (min-width: 768px)  {
	
	.product-type-simple .price {
		top: 250px !important;
	}
	
}
@media only screen and (max-width: 1200px) and (min-width: 840px)  {
	
	.product-type-simple .price {
		top: 175px !important;
	}
	
}
@media only screen and (max-width: 1520px) and (min-width: 1200px)  {
	
	.product-type-simple .price {
		top: 130px !important;
	}
}
@media only screen and (min-width: 1520px)  {
	
	.product-type-simple .price {
		top: 130px !important;
	}
	
}


/* Draairichting voor de variabellen */
#button-draairichting-div {
	position: absolute; 
/* 	right: 0; */
	left: 0;
    text-align: left;
	z-index: 2;
}
@media only screen and (min-width: 1450px)  {
	#button-draairichting-div {
		width: 38.5%;
/* 		margin-top: 45px; */
		margin-top: 15px;
	}
}
@media only screen and (max-width: 1450px) and (min-width: 1300px)  {
	#button-draairichting-div {
		width: 37.5%;
		margin-top: 45px;
	}
}
@media only screen and (max-width: 1300px) and (min-width: 1200px)  {
	#button-draairichting-div {
		width: 37%;
		margin-top: 46px;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 1100px)  {
	#button-draairichting-div {
		width: 36%;
		margin-top: 46px;
	}
}
@media only screen and (max-width: 1100px) and (min-width: 1000px)  {
	#button-draairichting-div {
		width: 35%;
		margin-top: 46px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 525px)  {
	#button-draairichting-div {
		top: unset !important;
		width: 100% !important;
		right: -145px !important;
	}
	.button-draairichting {
		position: absolute;
    	margin-top: 5px;
	}
}
@media only screen and (max-width: 525px) and (min-width: 400px)  {
	#button-draairichting-div {
		top: unset !important;
		width: 100% !important;
		right: -125px !important;
	}
	.button-draairichting {
		position: absolute;
    	margin-top: 5px;
	}
}
@media only screen and (max-width: 400px) and (min-width: 200px)  {
	#button-draairichting-div {
		top: unset !important;
		width: 100% !important;
		right: -150px !important;
	}
	.button-draairichting {
		position: absolute;
    	margin-top: 7px;
	}
}



/* Style the upsells */
.tooltip {
	position: relative;
	display: inline-block;
	float: left;
	opacity: 1 !important;
	margin-right: 8px;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	top: -77px;
	left: -60px;
	font-size: 13px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 10;

	/* Position the tooltip */
	position: absolute;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.up-sells.upsells.products {
	width: 100% !important;
	position: unset;
}
.product_meta {
	margin-top: 0px;
	padding-top: 0px;
}
.product_meta .sku_wrapper {
	margin-top: 20px;
}
.woocommerce .products ul li {
	color: #47C01C;
}
/* Give the select variations button a z-index of 3 so it will be clickable */
.woocommerce div.product form.cart .variations select {
	position: relative;
	z-index: 3;
	margin-left: 20px;
}
/* Lots of media queries for the (I) button */
@media only screen and (max-width: 1450px) and (min-width: 1000px)  {
	
}
@media screen and (max-width: 600px) {	
	.woocommerce .wc_upsell_shortcode ul.products li.product, 
	.woocommerce-page .wc_upsell_shortcode ul.products li.product {
		width: 100% !important;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 600px)  {
		.product_parent_cat_poorten .variations_form{
			width: 100% !important;	
	}
	
	.woocommerce .wc_upsell_shortcode ul.products li.product, 
	.woocommerce-page .wc_upsell_shortcode ul.products li.product {
		width: 45% !important;
	}
}

@media screen and (min-width: 1000px) {
	.woocommerce .wc_upsell_shortcode ul.products li.product, 
	.woocommerce-page .wc_upsell_shortcode ul.products li.product {
		width: 15% !important;
	}
}


.woocommerce div.product div.images img {
	max-width: 700px; 
	width: 100%;
	max-height: 700px; 
	height: 100%;
	object-fit: contain; /*cover*/
}

.wapf-product-totals {
	display: block;
    left: 0;
    background: rgba(255,255,255,0.9);
    z-index: 10000000000;
    position: fixed;
    width: 90%;
    bottom: 0px;
	max-height: 110px;
	font-size: 14px;
	--tw-shadow: 0px 0px 10px rgba(0 0 0 / 15%);
    --tw-shadow-colored: 0px 0px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.wapf-product-totals .wapf--inner {
	padding: 20px !important;
}

/* Make the shopping cart appear normal only on the blokhutten page */
.product_cat-blokhutten .cart {
	top: 0px !important;
}

/* Let the shopping cart appear on the right side on most of the product detail pages */

@media screen and (min-width: 1100px) {
/* 	.type-product .cart {
		position: absolute;
		right: 0;
		top: 00px;
		width: 45%;
		text-align: left;
	} */
	
	.product_cat-blokhutten .cart {
		position: relative;
	}
	
}

/* Push the usp down only on the category page of Tuinhekken */
@media only screen and (max-width: 1300px) and (min-width: 1200px)  {
	
	.product_parent_cat_poorten .up-sells {
		right: 0px !important;
		top: 35% !important;
		width: 50% !important;
	}
	.product_parent_cat_poorten .variations_form {
		top: 19% !important;
	}
}
/* Push the usp down only on the category page of Tuinhekken */
@media only screen and (max-width: 1200px) and (min-width: 1100px)  {
	
	.product_parent_cat_poorten .up-sells {
		right: -80px !important;
		top: 35% !important;
		width: 55% !important;
	}
	
	.product_parent_cat_poorten .variations_form{
		top: 18% !important;
	}
}
@media only screen and (max-width: 1100px) and (min-width: 1000px)  {
	
	.product_parent_cat_poorten .variations_form {
		top: 19% !important;
	}
	
	.product_parent_cat_poorten .up-sells {
		top: 32% !important;
		right: -50px !important;
	}
}
@media only screen and (max-width: 1000px)  {
	.product_parent_cat_poorten .variations_form {
		position: unset !important;
	}
	
	.product_cat-hekwerk .usp-blokhutten-inner,
	.product_parent_cat_poorten .usp-blokhutten-inner {
		margin-top: 40px !important;
	}

}
@media only screen and (max-width: 1000px) and (min-width: 900px)  {
	#button-draairichting-div {
		margin-top: 6px;
		width: 34% !important;
	}
}
@media only screen and (max-width: 900px) and (min-width: 769px)  {
	#button-draairichting-div {
		margin-top: 6px;
		width: 32% !important;
	}
}

.additional_information_tab {
	display: none !important;
}

/* BEGIN: SHOPPING CART PLUGIN RIGHT */
.xoo-wsc-basket {
	top: 200px;
}

/* Styling for the USP for the category blokhutten */
.fa-check-circle {
	color: #32C499;
}

/* Hide the "draairichting button" if the category doenst fit */
.button-draairichting {
	display: none;
}

/* Some styling for the "hekken" category */
.product_parent_cat_poorten .button-draairichting {
	display: initial !important;
}

/* Remove margins for specific categories so it doesn't look weird */
@media only screen and (min-width: 1000px)  {
	.product_parent_cat_poorten .variations{
		margin-top: 40px;
	}
	
	.product_cat-poorten-hardhout .variations {
		margin-top: 0px !important;
	}
}

/* Give the usp balk a margin top so the content above it will not collide */

/* Give the usp balk a margin top so the content above it will not collide */

/* Give some different top to the variables so it will be aligned with the i button */
@media only screen and (max-width: 1600px) and (min-width: 1450px)  {
	.product_parent_cat_poorten .variations_form {
		top: 19% !important;
	}
}

@media screen and (min-width: 768px) {	
	
	.product_cat-tuinhekken-hardhout .single_variation_wrap {
		/*
		position: absolute;
		right: 0;
		top: 100px;
		width: 100%;
		text-align: left;
		*/
	}
	
	.product_cat-tuinhekken-hardhout form.cart .variations select {
		margin-left: 20px;
	}
}


.woocommerce-product-details__short-description a {
	position: relative;
	z-index: 2;
}

/* Give the information button (I) a different top so it will be aligned with its variable */
@media only screen and (max-width: 300px)  {
	#button-draairichting-div {
		position: relative;
		right: 0;
		top: 260px !important;
		left: 105px;
		width: 100%;
		text-align: left;
	}	
}



/* On a variable product, give the usp balk a margin-top so the variables will not collide */
@media only screen and (max-width: 1100px) and (min-width: 991px)  {
	.product-type-variable .up-sells {
		top: 41% !important;
		width: 100% !important;
		right: -22px !important;
		position: absolute;
	}
	.product-type-variable .woocommerce-variation-add-to-cart {
		margin-bottom: 50px;
	}
}
/* Give the ID's a scroll margin top so when you click on the click you won't be scrolled to the end of the page */
#tab-description{
	scroll-margin-top: 200px;
}


/* Hide 2 icons when lightbox is activated because there are already icons */
.pswp__icn {
	visibility: hidden;
}

.button-draairichting {
	color: #939393;
	border-radius: 10px;
}

.product_parent_cat_poorten .single-product .summary p {
	margin-top: 50px;
}

.woocommerce-product-details__short-description a {
	color: #47C01C;
}

.check-usp {
	color: black;
}

.check-usp:hover {
	color: #32C499;
}

@media screen and (max-width: 768px) {
	.usp-blokhutten-inner-c2 {
		padding: 5px 0px 6px 0px;
   		border-top: 1px solid #32C499;
    	border-bottom: 1px solid #32C499;
	}
	
	.usp-blokhutten-inner-c1 {
		padding-bottom: 5px;
	}
	
	.usp-blokhutten-inner-c3 {
		padding-top: 5px;
	}
	
	.product_title.entry-title {
		margin-top: 30px !important;
	}
}

@media screen and (min-width: 768px) {
	
	.usp-blokhutten-inner-c1,
	.usp-blokhutten-inner-c2,
	.usp-blokhutten-inner-c3 {
		float: left; 
		width: 33%;
		text-align: center;
	}

	.usp-blokhutten-inner:after {
		content: "";
		clear: both;
		display: table;
	}
	
	.usp-blokhutten-inner {
		margin-top: 50px;
		border-top: 1px solid #32C499;
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #32C499;
	}
}

@media screen and (max-width: 1000px) {
		.product_parent_cat_poorten .variations_form {
			width: 100% !important;
			
	}
}

/* Adjustments to the pages for tuinhekken & terrasplanken */
@media screen and (min-width: 768px) {
/* 	.product_parent_cat_poorten .variations_form{
		position: absolute;
		right: 0;
		top: 18%;
		width: 45%;
		text-align: left;
	} */
}

@media screen and (max-width: 768px) {
	.product_cat-tuinhekken-hardhout p.price{
		display: none;
	}
}

/* Make the buttons in the cart bigger */
.xoo-wsc-footer a {
	font-size: 18px !important;
	color: #47C01C;
}

/* Make the price font smaller */
.woocommerce-cart .woocommerce ul#shipping_method .amount{
	font-size: 16px !important;
}

.woocommerce-Price-amount bdi,
span.woocommerce-Price-amount.amount{
	font-size: 16px !important;
	text-align: left !important;
}

#information-product .woocommerce-Price-amount bdi {
	font-size: 22px !important;
}

.product-notes label {
	padding-left: 0px !important;
}

.woocommerce-shipping-destination,
.woocommerce-shipping-calculator,
.page-id-440 .woocommerce-page table.shop_table_responsive tr td{
	font-size: 16px;
	text-align: left !important;
	text-transform: none;
}

.cart_totals > h2 {
	background-color: #2eba2e;
	color: #fff;
	text-align: center;
	padding: 10px !important;
	margin: 0 !important;
}

.woocommerce ul#shipping_method li {
	display: flex;
}

.woocommerce-shipping-methods label {
	text-align: left !important;
	margin-top: 8px;
}

.page-id-440 .order-total th {
	padding-top: 25px !important;
}

/* Make the product assembly options under the photo's */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width: 100%;
}
@media screen and (min-width: 768px) {
/* 	.woocommerce #content div.product div.summary .product_title {
		position: absolute;
		right: 0;
		top: 0;
		width: 45%;
		text-align: left;
		font-size: 32px !important;
	}
	
	.woocommerce div.product p.price {
		position: absolute;
		right: 0;
		top: 100px;
		width: 45%;
		text-align: left;
	}
	
	.woocommerce-product-details__short-description {
		position: absolute;
		right: 0;
		top: 185px;
		width: 45%;
		text-align: left;
	} */
}

@media only screen and (max-width: 800px) and (min-width: 768px) {
	.product-type-variable .usp-blokhutten-inner {
    	margin-top: 420px;
	}
}

@media screen and (min-width: 1100px) {
	.woocommerce div.product p.price {
		top: 90px;
	}
	
}


	
/* START: POPUP WEEKBRIEF */

#wpforms-13665-field_2 {
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 10px;
	font-family: "Quicksand", sans-serif;
}

.ays-pb-modal h2,
.ays-pb-modal p,
#wpforms-13665-field_2-error{
	font-family: "Quicksand", sans-serif !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
	background-color: white !important;
	border: 1px solid white !important;
	color: black !important;
	border-radius: 10px !important;
	font-family: "Quicksand", sans-serif !important; 
	width: 100% !important;	
}

.ays_content_box .wpforms-submit-container {
	max-width: 300px !important;
}


.main-header #mainnav .menu > li > a {
	text-transform: uppercase;
}

#mainnav ul li a {
	color: #000;
}

/* FIX FOR THE DROPDOWN MENU IN THE HEADER */
.dropdown-symbol .sydney-svg-icon {
	margin: 0px !important;
}

/* END: HEADER */

/* START: Woocommerce */

.product .up-sells > h2 {
	font-size: 24px !important;
	text-align: left;
}


.single-product .up-sells ul.products li.first {
	clear: none;
}

.woocommerce .related.products ul.products li.product h2 {
	min-height: 70px;
}

.woocommerce .related.products ul.products li.product img {
	height: 285px;
	object-fit: contain; /*cover*/
}

.woocommerce .products ul li {
	text-align: left;
	margin: 0 10px;
	font-size: 1rem;
} 

.single-product .product .woocommerce-product-details__short-description ul.usp_product_detail li {
	list-style-type: none;
}

.single-product .product .woocommerce-product-details__short-description ul.usp_product_detail {
	padding-left: 0;
}

.woocommerce .products ul.usp_product_overview li::before,
.single-product .product .woocommerce-product-details__short-description ul.usp_product_detail li::before {
	content: url('/wp-content/uploads/2025/01/accept_15x15.png');
	position: relative; /*or absolute*/
    left: 0;
	top: 2px;
	margin-right: 10px;
}

@media only screen and (min-width: 769px) {
	.woocommerce .related.products ul.products li.product {
		width: initial !important;
	}
}

@media screen and (min-width: 992px) {
	.single-product .up-sells {
		/* position: absolute; */
		top: 29.6%;
		width: 50%;
		right: -80px;
	}
	
	.single-product ul.products.columns-3 li.product {
		width: 70px;
		height: auto;
	}
	
	.woocommerce-page .up-sells li.product a .woocommerce-loop-product__title,
	.woocommerce-page .up-sells li.product a .price,
	.woocommerce-page .up-sells li.product .loop-button-wrapper {
		display: none;
	}
	
	.archive ul.products li.product a img {
		height: 239px;
		object-fit: contain; /*cover*/
	}
}

@media screen and (min-width: 1300px) {
	.single-product .up-sells {
		top: 33%;
	}
}

/* Some adjustments to the hamburger icon */
#masthead-mobile svg {
    position: fixed;
    z-index: 10000;
}

/* Some margin top to the checkout page so the header wont collapse */ 
.woocommerce-form-coupon-toggle {
	margin-top: 60px;
}

.woocommerce-shipping-methods label {
	text-align: center;
	display: unset;
}

.page-id-442 .content-wrapper.container,
.page-id-440 .entry-content{
	margin-top: 60px;
}

/* To hide the additional information tab */
/* li.additional_information_tab {
    display: none !important;
} */

/* Remove the border top */

.woocommerce table.shop_attributes {
	border-top: 0px solid black;
}

/* Some styling to the table to it will look nicer */
.woocommerce table.shop_attributes th {
	border: 0px solid black;
	text-align: left;
	padding-left: 0px;
}

/* Some styling to the table to it will look nicer */
.woocommerce table.shop_attributes td p {
	padding: 10px 0px 0px 0px;
}

/* Attribute color */
.woocommerce table.shop_attributes td p a {
	color: #47c01c;
}

/* Attribute color on hover */
.woocommerce table.shop_attributes td p a:hover {
	color: #2e7714;
}


/* Sydney header adjustments */
@media screen and (max-width: 650px) {
	.col-xs-4, .col-sm-4 {
		padding-left: 0px !important;
	}
}
@media screen and (max-width: 600px) {	
	#zoekbalk_header_column_phone {
		width: 70% !important;
	}
}
@media screen and (max-width: 450px) {	
	.container-fluid .row {
		padding-left: 0px !important;
	}
}

/* Some adjusments to the product page */ 
.woocommerce div.product form.cart .variations select {
	width: inherit;
	float: none;
	margin-right: 10px;
}

.woocommerce div.product form.cart {
	margin-top: 2em;
}

.woocommerce-cart-form {
	margin-top: 50px;
}

.woocommerce-cart .cart_totals {
	max-width: 645px;
}

.cart-subtotal .woocommerce-Price-amount {
	margin-top: -20px;
	display: block;
}

/* Hide the original shopping cart and add the new one using css */

.woocommerce ul.products li.product .button:before {
content: "\f07a";
    display: inline-block;
    margin-right: 65px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: -3px;
    position: relative;
    left: -2px;
}

.woocommerce ul.products li.product .button span {
	display: none;
}


@media screen and (min-width: 768px) {
	.woocommerce td.product-name dl.variation dt,
	.woocommerce td.product-name dl.variation dd{
		float: none !important;
		display: inherit;
		margin-left: 0px;
	}
	
	th.product-quantity {
		padding-left: 70px !important;
	}
}
@media screen and (max-width: 768px) {
	.woocommerce td.product-name dl.variation dt,
	.woocommerce td.product-name dl.variation dd{
		float: left;
		width: 40%;
	}
	
	.variation dt.variation-Afmetingen {
		margin-top: 15px !important;
	}
}

.woocommerce table.shop_table th {
	text-align: center;
	padding-right: 30px;
}

@media screen and (max-width: 768px) {	
	.variation-Afmetingen {
		text-align: left;
	}
}


/* Some page adjusmtents thanks to the fixed header */ 
@media screen and (min-width: 1024px) {	
	.archive .content-wrapper.container {
		margin-top: 90px;
	}
	
	.search .content-wrapper.container {
		margin-top: 150px;
	}
}
/* Bussines hours indicator settings */
td {
	border: 0px solid black !important;
	padding-bottom: 5px !important; 
	text-align: left !important;
	padding-left: 0px !important;
	text-transform: capitalize;
}


/* Make headers sticky */ 
@media screen and (min-width: 1600px) {	
	#masthead {
		position: fixed;
		width: 100%;
		top: 130px;
	}
}

@media screen and (max-width: 1600px) {	
	#masthead {
		position: fixed;
		width: 100%;
		top: 100px;
	}
}

#header_search_searchbar {
	position: fixed;
	width: 100%;
	z-index: 1001;
}

/* product detail page: change font size of title & price */
@media screen and (min-width: 992px) {
	.woocommerce div.product .product-gallery-summary .entry-title,
	.woocommerce-Price-amount {
		font-size: 24px !important;
	}
}

/* blokhut advanced woocommerce product fields */
.single-product .product .wapf-field-row {
    background-color: #fff;
    margin: 45px 0;
    padding: 30px 20px;
    box-shadow: 3px 3px 10px #d4d4d4;
}

.wapf-field-label label span {
	font-weight: bold;
	color: #000;
}

/* START: Header elements (Account & Cart) */
.cart-contents .sydney-svg-icon {
	margin-top: 0px;	
	display: none;
}

.cart-contents .sydney-svg-icon svg {
	width: 70px; 
	height: 27px;
}

#inner_header_searchbar li {
	list-style: none;
}



.cart-amount {
	background-color: #47c01c;
	right: 5px !important;
}

@media screen and (max-width: 800px) {
	.cart-amount {
		top: 13px; 
		right: 8px;
		display: none;
	}
}

/* Woocommerce page adjustments */
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
	height: 100px;
	text-align: left;
}
/* Woocommerce order received text */
.bedankttekst-order {
	display: none;
}
.woocommerce-order-received .bedankttekst-order {
	display: block;
	margin-top: 75px;
}


@media screen and (min-width: 768px) {
	#media_image-3,
	#media_image-4{
		text-align: right;
		margin-top: 10px !important;
	}

	#text-5,
	#text-6{
		text-align: left;
	}
	
	#text-6 {
		margin-top: 20px;
	}
	
	#media_image-4 img {
		margin-top: 35px !important;
	}

	#text-5 p,
	#text-6 p{
		margin: 0px !important;
	}

	#text-5,
	#text-6{
		width: 80%;
		float: left !important;
		margin-left: 5%;
	}

	#media_image-3 img,
	#media_image-4 img{
		margin-top: 15px;
		margin-right: 25%;
	}
	
	#media_image-3,
	#media_image-4{
		width: 10%;
		float: left !important;
		margin: 0px !important;
	}



	#sidebar-column:after {
		content: "";
		display: table;
		clear: both;
	}
}

@media screen and (max-width: 768px) {
	#media_image-3,
	#media_image-4{
		width: 30%;
		float: left !important;
		margin-top: 30px !important;
		text-align: right;
	}
	
	#text-5,
	#text-6{
		width: 50%;
		float: left !important;
		margin: 0px !important;
	}
}
/* END: Header elements (Account & Cart) */

/* Some adjustments to the text in the information balk */
@media screen and (max-width: 600px) {
.tekst_informatiebalk {
    font-size: 20px !important;
	}
}

/* Some adjustments to the text in the information balk */
@media screen and (max-width: 445px) {
.tekst_informatiebalk {
    font-size: 15px !important;
	}
	.slideshow-container {
		height: 107px;
	}	
}

/* Icon more in the button top to scroll */
.go-top.show .sydney-svg-icon {
	margin-top: 0px !important;
}

/* Some adjustments to the text in the information balk */
@media screen and (max-width: 335px) {
	.tekst_informatiebalk {
    	font-size: 10px !important;
	}
	
	.checked_png {
		margin-top: 8px;
    	max-width: 27px !important;
    	max-height: 27px !important;
	}	
	
}

/* Change the width of the searchform */
.dgwt-wcas-search-wrapp {
	max-width: 400px !important; 
	margin-right: 275px;
	margin-top: 10px;
}

/* Change background color of the searchform */
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	border: 1px solid;
	border-radius: 0px !important;
}


/* Change color of svg */
.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
	fill: grey;
}

@media screen and (max-width: 1000px) {
  .dgwt-wcas-search-wrapp {
    max-width: 100% !important; 
	  margin-left: 5%;
	  margin-right: 5%;
  }
}

@media screen and (max-width: 700px) {
  .dgwt-wcas-search-wrapp {
    margin-top: 15px;
  }
}



#primary-menu {
	max-width: 1600px; 
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	position: relative; 
	top: 12px;
}

.sydney-svg-icon svg {
	fill: white !important;
	width: 32px;
    height: 15px;
}

@media only screen and (max-width: 880px) and (min-width: 780px)  {
	.sydney-svg-icon svg {
 		margin-top: 6px;
	}
}

@media not all and (min-resolution:.001dpcm) { @media {
    .sydney-svg-icon svg {
 		margin-top: 115px;
	}
}}

.woocommerce ul.products li.product .button .sydney-svg-icon svg {
    fill: white !important;
    width: 17px;
    height: 45px;
}

.woocommerce ul.products li.product .button .sydney-svg-icon svg:hover {
    fill: #f19015 !important;
    width: 17px;
    height: 45px;
}


.icon-cancel {
	margin-top: 0px;
}

.container-fluid {
	background-color: #47c01c;
}

/* Adjust best selling in responsive */
@media screen and (max-width: 768px) {
	.woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product {
		/* width: 15%; */
		width: 100%;
		margin-bottom: 10px;
		/* margin-right: 15px; */
	}
	#information-product .up-sells .products {
		display: flex;
	}
}

/* Some adjustments to the divs in the homepage so it will be more even */

#shop_elegant_wood_1 {
	margin-top: 40px;
}

.site-branding {
	display: none;
}

/* Make the 404 page nicer */
.error404 #slider_image {
	display: none;
}

.error404 #content {
	margin-top: 30px; 
	margin-bottom: 50px;
}

/* CSS from the customizer */

.tax-product_cat .woocommerce-breadcrumb {
	border-bottom: 0px;
	color: black;
	margin-top: 15px;
	max-width: 1200px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.woocommerce .woocommerce-breadcrumb {
	border-bottom: 0px;
	color: black;
	margin-top: 90px;
	padding-left: 20px;
	max-width: 1600px; 
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
}

.woocommerce ul.products, .woocommerce-page ul.products {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce div.product {
	max-width: 1600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	#media_image-2 {
		max-width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#media_image-3,
	#media_image-4 {
		float: none;
	}
}

.woocommerce-products-header {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Automatic slider */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
	width: auto;
  	position: relative;
  	margin: auto;
	background-color: #47C01C;
	height: 150px;
	margin-top: 40px;
}

@media screen and (max-width: 600px) { .slideshow-container {
		margin-top: 40px;
		margin-bottom: 20px;
	}	
}

/* Hide the images by default */
.mySlides {
  display: none;
	text-align: center;
}


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


/* Change homepage backgroundcolor */
.page-id-6 #content {
	background-color: #F3F6F5;
}

.search-results .row {
	max-width: 1600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.search-results .row img {
	max-width: 600px;
	width: 100%;
}

.search-results .row p {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.search-results .row h3 {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

.search-results #slider_image {
	display: none;
}

.search-no-results .row {
	max-width: 1600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
/* 	margin-top: 50px;
	margin-bottom: 100px; */
}

.search-no-results #slider_image {
	display: none;
}

/* Costumize the paging in the search page */
.nav-links .page-numbers.current {
	background: transparent;
	border: 1px solid #47C01C;
	color: #47C01C;
	transition: all 0.2s ease-in-out;
	margin-bottom: 50px;
	margin-top: 50px;
}

.nav-links .page-numbers.current:hover {
	background-color: #47C01C;
	color: white;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.nav-links .page-numbers {
	background-color: #47C01C;
	color: white;
	border: 1px solid #47C01C;
	transition: all 0.2s ease-in-out;
}

.nav-links:hover .page-numbers:hover {
	background: transparent;
	color: #47C01C;
	transition: all 0.2s ease-in-out;
}

.search-results .nav-links {
	max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 600px)  {
	.search-results .nav-links {
		max-width: 300px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.search-results .page-numbers {
		max-height: 30px;
		max-width: 30px;
		line-height: 30px;
	}
	
	.row {
		padding: 0px 30px;
	}
}

.woocommerce-checkout .row {
	max-width: 1600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce button.button {
	background-color: #47C01C;
	border: 1px solid #47C01C;
}

.woocommerce button.button:hover {
	background: transparent;
	color: #47C01C
}

/* Add a margin top to the artikel informatie div */
#artikel_informatie {
	margin-top: 2%;
}

/* Adjust the labels to the left */

#menu-footer-menu-1,
#menu-footer-menu-2 {
	max-width: none !important;
	margin-left: 0px !important;
}

fa.fa-bars {
	margin-right: 20px;
}

@media only screen and (max-width: 1000px) {
	.row {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.woocommerce div.product form.cart .variations td .value {
	text-align: center !important;	
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	text-align: left !important;
}

.woocommerce div.product form.cart .variations td a {
	color: #f19015;
}

.woocommerce div.product form.cart .variations td a:hover {
	color: black;
}

.woocommerce div.product form.cart .variations select {
	border-radius: 10px;
}

.up-sells.upsells.products,
.related.products {
	text-align: center;
}

.up-sells.upsells.products h2,
.related.products h2{
	font-size: 30px; 
	font-weight: 800;
}

/* Adjustment to the shop button */
.product-gallery-summary .sydney-single-addtocart-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
	justify-content: flex-end;
	gap: 10px;
}

/* Some adjustments to the footer */
#sidebar-footer .widget-title {
	max-width: none !important;
	text-decoration: none !important;
}

/* Slideshow for bestverkocht */
/* Slideshow container */
.slideshow-container_bestverkocht {
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides_v {
  display: none;
}

/* Next & previous buttons */
.prev_v, .next_v {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
	background-color: #ffffffad;
}

/* Position the "next button" to the right */
.next_v {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev_v:hover, .next_v:hover {
  background-color: white;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot_v {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* Fading animation */
.fade_v {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade_v {
  from {opacity: .4}
  to {opacity: 1}
}

/* Javascript for the automatic slideshow */

/* Add a shop icon in the button */
.product-gallery-summary .sydney-single-addtocart-wrapper button {
	-webkit-box-flex: 0;
	flex-grow: 0;
	background-image: url("/wp-content/uploads/2022/12/image-9.png");
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: 30px;
	font-size: 0px !important;
	height: 50px;
	width: 70px;
}

.product-gallery-summary:hover .sydney-single-addtocart-wrapper:hover button:hover {
	-webkit-box-flex: 0;
	flex-grow: 0;
	background-image: url("/wp-content/uploads/2022/12/image-10.png") !important;
	background-position: center !important; 
	background-repeat: no-repeat !important; 
	background-size: 30px !important;
	font-size: 0px !important;
}

.page-id-6 .woocommerce ul.products {
	max-width: 1600px !important;
}

.sidebar-column h2 {
	text-decoration: none !important;
}

/* Some adjustments to the sidebar */
@media screen and (min-width: 800px) {
	.widget ul,
	.widget-title {
		max-width: 170px;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.archive .col-md-9 {
		width: 65%;
	}
}

@media screen and (max-width: 1600px) {
	.widget-area {
		max-width: 170px;
		width: 100%;
	}
}

.widget-area .widget ul li {
	width: 200px;
}

.widget .children {
	padding-left: 15px !important;
}

@media (min-width: 992px) {
	.archive .col-md-9 {
		width: 65%;
		margin-left: auto;
		margin-right: 160px;
	}
}

.archive #secondary {
	left: -25px;
	margin-top: 45px;
}

.archive .row {
	max-width: 1600px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.search-results #secondary {
	display: none;
}

.search-results .col-md-9 {
	width: 100%;
	padding-left: 10px !important; 
	padding-right: 10px !important;
}

.woocommerce-notices-wrapper {
	max-width: 1600px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


.widget-title {
	font-size: 32px !important;
	text-decoration: underline;
	text-decoration-color: #dadada;
	padding-bottom: 0px !important;
}

#secondary {
	background-color: #F3F6F5 !important;
}

#secondary a {
	color: black !important;
}

#secondary a:hover {
	color: #f19015 !important;
}

/* START: Product page */

.singe-product .woocommerce-breadcrumb {
	max-width: 1600px !important;
}

@media screen and (max-width: 992px) {
	.woocommerce #content div.product div.summary, 
	.woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.summary {
		width: 98%;
	}
}

.woocommerce-account .row {
	max-width: 1600px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px; 
	padding-right: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content a {
	color: #47C01C;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    color: white;
}

.column_woocommerce_icon {
  float: left;
  width: 2%;
	margin-right: 1%;
}

.titel_woocommerce {
	font-weight: 800;
}

.column_woocommerce_tekst {
  float: left;
  width: 48%;
}

.column_informatie_icon {
  float: left;
  width: 3%;
	margin-right: 1%;
}
.column_informatie_tekst {
  float: left;
  width: 96%;
}

/* Clear floats after the columns */
#artikelomschrijving_acf:after {
  content: "";
  display: table;
  clear: both;
}

/* Clear floats after the columns */
#artikel_informatie_div:after {
  content: "";
  display: table;
  clear: both;
}

.icon_woocommerce {
	max-width: 20px !important; 
	width: 100%; 
	max-height: 20px; 
	height: 100% !important; 
}

.column_woocommerce_tekst p {
	margin-top: 0px;
	margin-top: 2px;
}

.column_informatie_tekst p {
	margin-top: 0px;
	margin-top: 2px;
}

.single-product ol.flex-control-thumbs li img {
	object-fit: cover !important;
	height: 150px !important;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column_woocommerce {
    width: 100%;
  }
}

/* START: ProductEN list */
.woocommerce ul.products li.product .price {
	float: left;
}

/* Adjustments to the informatie page */
#informatie_div {
	max-width: 1600px; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto;
	padding-left: 10px; 
	padding-right: 10px;
	margin-top: 200px;
	margin-bottom: 100px;
}

#informatie_div h2 {
	color: #47c01c;
}

/* Hide the slider in all "Informatie " pages (Those pages are found in the footer) */
.page-id-13447 #slider,
.page-id-13457 #slider,
.page-id-13461 #slider,
.page-id-13468 #slider,
.page-id-13471 #slider{
	display: none;
}

/* Make the hamburger menu */
/* Add a black background color to the top navigation */
@media screen and (min-width: 1360px) {
	.topnav {
		background-color: #47c01c;
	  	overflow: hidden;
		max-width: 1600px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 1360px) and (min-width: 998px)  {
	.topnav {
		background-color: #47c01c;
	  	overflow: hidden;
		max-width: 998px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}		
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
	text-shadow: 0.3px 0 #ffffff;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #444443;
  color: white;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

@media screen and (max-width: 400px) {
	#zoekbalk_header_column_phone {
		float: left;
		width: 75% !important;
		margin-left: 10% !important;
	}
}

@media (max-width: 1024px) {
	.container-fluid {
		background-color: #444443;
		height: 10px;
	}
}

/* When the screen is less than 998px pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1024px) {
  .topnav a {display: none;}
  .topnav a.icon {
    display: block;
  }
	
	#zoekbalk_header_column_phone {
	  float: left;
	  width: 80%;
		margin-left: 10%;
	}
	
	#hamburger_icon_phone {
		float:left; 
		width: 10%;
		text-align: center; 
		font-size: 40px;
	}
	
	#hamburger_icon_phone a {
		color: white;
		
	}

	/* Clear floats after the columns */
	#inner_header_searchbar:after {
	  content: "";
	  display: table;
	  clear: both;
	}
}

@media screen and (min-width: 998px) {
	#hamburger_icon_phone {
		display: none;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1024px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
@media screen and (min-width: 1500px) {
	.topnav a {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1500px) and (min-width: 1345px)  {
	.topnav a {
		font-size: 11px;
	}
}

/* Some adjustments to the shop button */
.woocommerce ul.products li.product .button {
	font-size: 20px !important;
	width: 50px; 
	padding-left: 15px; 
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: right !important;
	margin-right: 10px;
	height: 40px;
}

/* Change width of the "Gerelateerde producten" */
@media only screen and (min-width: 769px)
.woocommerce .related.products ul.products li.product {
    width: 20% !important;
}

/* Place button to the right */
.loop-button-wrapper {
	text-align: right;
}

/* Change backgroundcolor of page */
.woocommerce-page {
	background-color: #f3f6f5 !important;
}

/* Some adjustments to the price text */
.woocommerce ul.products li.product .price {
	color: #F19015;
	font-size: 18px;
	font-weight: 800;
	margin-left: 10px;
}

/* Place producttitle to the left */
.woocommerce ul.products li.product a:not(.button) {
	text-align: left;
}

/* Give the product an boxshadow + height */
.woocommerce ul.products li.product {
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 5px #eaeaea;
	height: auto;
}

/* Give the price a few adjustments */
.price {
	font-weight: 800;
}

/* Some adjustments to the box where the price is displayed */
.woocommerce .quantity .qty {
    width: 80px;
    height: 50px;
    border: 1px solid black;
    border-radius: 5px;
    color: black;
}

/* Some adjustments to the box where the total price is displayed */
.woocommerce-shipping-methods label {
	text-transform: none;
}

/* Some adjustments to the color of the shop button  */
.product-gallery-summary .sydney-single-addtocart-wrapper button {
	background-color: #ff8e00 !important;
	border: 1px solid #ff8e00 !important;
	margin-bottom: 5%;
}

.product-gallery-summary .sydney-single-addtocart-wrapper button:hover {
	background: transparent !important;
	color: #ff8e00 !important;
}

/* Some adjustments to the product title */
.woocommerce ul.products li.product h2 {
	font-weight: 800;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	margin-bottom: 20px;
}

/* Adjust the height of the image, NOT the whole box */
/*
.woocommerce ul.products li.product a img {
	height: 200px !important;
	object-fit: cover;
}
*/

@media screen and (min-width: 1px) and (max-width: 1023px) {
	.archive .content-wrapper .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		/* optional */
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	.archive .content-wrapper .row #primary {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}

	.archive .content-wrapper .row #secondary {
		padding-left: 15px;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		left: -15px;
		min-width: 250px;
	}
	
	.woocommerce .woocommerce-breadcrumb {
		display: none;
	}
	
	.single-product .content-wrapper {
		margin-top: 180px;
	}
}

/* START: Product list */
@media (min-width: 992px) {
	
	.product-category-item-layout1 .site-main {
		width: 100%;
	}
}

#secondary h3.widget-title {
	font-size: 1rem !important;
	text-transform: uppercase !important;
	text-decoration: none;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

/* Adjustment to the search bar in the header */
#searchbar_header {
	font-style: oblique;
	background-color: #656565;
	color: #e2e2e2;
	border: none;
	margin-top: 10px;
	position: relative;
}

#searchsubmit {
	background-image: url(/wp-content/uploads/2022/11/search-interface-symbol.png);
	background-size: 22px;
	background-repeat: no-repeat; 
	background-position: center; 
	vertical-align: middle;
	width: -1px;
	margin-top: 10px;
	border-radius: 0px;
	border: none;
	position: absolute;
	background-color: #656565;
	height: 50px;
	font-size: 0px;
}

@media screen and (min-width: 1296px) {
	#searchbar_header {
		max-width: 400px;
		width: 100%;
	}
	
}


@media only screen and (max-width: 1296px) and (min-width: 998px)  {
	#searchbar_header {
		max-width: 200px; 
		width: 100%; 
		margin-left: 35px;
	}	
	
	#searchsubmit {
		max-width: 60px; 
		width: 100%;
	}	
}

@media only screen and (max-width: 998px) and (min-width: 600px)  {
	#searchbar_header {
		max-width: 100px; 
		width: 100%; 
	}	
}

@media only screen and (max-width: 998px) and (min-width: 900px)  {
	#searchsubmit {
		max-width: 40px; 
		width: 100%;
	}
}

@media only screen and (max-width: 1000px) {
	/* Hide the OG searchbar */
	#zoekbalk_header_column {
		display: none;
	}
	/* Display new searchbar with full width */
	#zoekbalk_header_column_phone {
		display: inline-block;
	}
	
	/* Make the header bigger so the new searchbar can be displayed */
	#header_searchbar {
		height: 160px;
	}
	
	/* Some adjusmtents to the searchbar */
	#searchbar_header {
		max-width: 420px;
		width: 80%;
	}
	
	/* Add a margin right so the searchbar will be centered */
	#searchsubmit {
		margin-right: 35px;
		padding-left: 50px;
		background-position: 50px 13px;
	}
	
	/* Add a text-align to the searchbar so it will be centered */
	#search-form {
		text-align: center;
		margin-right: 100px;
	}
	
	/* Give a margin to the icons div so it will be more displayed to the right */
	#icons_header_column {
/* 		margin-left: 35%; */
	}	
}

/* Add a margin top to the orginal header so it will be more accurate with the other columns */
#zoekbalk_header_column {
	margin-top: 5px;
}

@media only screen and (max-width: 1024px) and (min-width: 1000px) {
	#header_searchbar {
		height: 160px;
	}
}

@media only screen and (min-width: 1000px) {
	#zoekbalk_header_column_phone {
		display: none;
	}
}


/*Adjustments to the infobalk */

@media only screen and (max-width: 1398px) and (min-width: 992px)  {
	.column_informatiebalk {
		margin-right: 4% !important;
		margin-left: 0px !important;
	}
	
	.tekst_informatiebalk {
		font-size: 15px;
	}
}

@media screen and (min-width: 992px) {
	.slideshow-container {
		display: none;
	}
	
	.checked_png {
		margin-top: 8px;
		margin-left: 10px;
	}
	
}

@media screen and (max-width: 992px) {
	#informatiebalk {
		display: none;
	}
	.mySlides {
		padding-top: 20px; 
		padding-bottom: 20px; 
	}
	.tekst_informatiebalk {
		font-size: 30px;
	}
	.checked_png {
		margin-top: 8px;
		max-width: 40px !important; 
		max-height: 40px !important;
	}
}

@media screen and (min-width: 993px) {
	.checked_png {
		float: left;
		margin-right: 10px;
	}

}


@media screen and (max-width: 992px) {
	.titel_shop {
		margin-bottom: 20px !important; 
		text-align: center;
	}
	
	.column_hoogte_2 {
		margin-bottom: 60px !important;
	}
}

#meest_verkochte_producten h2 {
	font-weight: 700;
}

/* Color adjustments for the buttons */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.text {
	bottom: inherit !important;
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 130px 0 0;
}

.site-main p {
	font-family: "Quicksand", sans-serif;
}
.woocommerce a.button {
	background-color: #F19015 !important;
	border: 1px solid #F19015; 
}
.woocommerce a.button:hover {
	color: #F19015 !important;
	background: transparent !important;
}
.woocommerce ul.products li.product .button:hover {
	fill: #F19015 !important;
}

/* Color adjustments to the paging */
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current {
	color: black !important;
	background: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current:hover {

}
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
	color: black !important;
	background: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover {

}

.woocommerce nav.woocommerce-pagination ul li {
	border-right: 0px;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers, .nav-links .page-numbers {
	width: 30px !important;
}

nav.woocommerce-pagination {
	margin-top: 0px;
	margin-bottom: 50px;
}

.woocommerce nav.woocommerce-pagination ul {
	border: 0px;
}
/* Adjustments to the product page */
.woocommerce div.product .woocommerce-tabs .panel a {
	color: #33bf00;
}
.woocommerce div.product .woocommerce-tabs .panel a:hover {
	color: black;
}
/* Adjustments to the shopbutton */
.roll-button {
	background-color: #33bf00 !important;
	border: 1px solid #33bf00 !important;
	color: white !important;
	font-size: 15px !important;
}
.roll-button:hover {
	background: transparent !important;
	color: #33bf00 !important;
}
/* Center footer widgets on mobile */
@media screen and (max-width: 768px) {
  .footer-widgets-grid {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
	}
}
/* Adjustments to the winkelwagen page */
.page-id-440 .woocommerce {
	max-width: 1600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Remove paddings on the left and right in "Over ons" */
.container {
	padding-left: 0px;
	padding-right: 0px;
}

..woocommerce .woocommerce-breadcrumb {
	width: 90%;
}



/* Some adjustments to the homepage */
div.wpforms-container-full {
	margin: 0px !important;
}

.column_hoogte_2 p {
	display: none;
}

.titel_shop {
	margin-bottom: 0px; 
	margin-top: 20px; 
	font-weight: 800;
}

#homepage {
  width: 1600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1600px) {
  #homepage {
    padding-top: 0px;
  }
}
#informatie_tekst_onderin {
  margin-bottom: 70px;
}

#contact_blokken {
  width: 1600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 110px;
}

/* EIND: Standaard variabelen */
/* START : Header searchbalk */
.search-field {

  margin-top: 10px !important;
  width: 400px !important;
}

#inner_header_searchbar .search-field {
	background-color: #656565 !important;
  	border: 0px !important;
}

@media screen and (max-width: 600px) {
	#inner_header_searchbar .search-field {
		background-color: #656565 !important;
		border: 0px !important;
		font-size: 10px;
		height: 25px;
		margin-top: 25px !important;
	}
}

.search-submit {
  display: none !important;
}

.search-submit:hover {
  background-color: transparent !important;
  color: #47c01c !important;
}

#header_searchbar {
  background-color: #444443;
  padding-bottom: 15px;
  padding-top: 30px;
}



.column_aanbiedingen_header {
  float: left;
  width: 15%;
  color: rgb(255, 255, 255);
  font-family: "Quicksand", sans-serif;
}

.column_aanbiedingen {
  float: none;
  width: 15%;
  color: white;
  font-family: "Quicksand", sans-serif;
}

.icon_header_search1,
.icon_header_search2,
.icon_header_search3,
.icon_header_search4, 
.icon_header_search5 {
  max-width: 60px !important;
  height: 60px !important;
  float: left;
  width: 25%;
}

.icon_header_search1:hover,
.icon_header_search2:hover,
.icon_header_search3:hover,
.icon_header_search4:hover,
.icon_header_search5:hover {
  background-color: #656565 !important;
}

#icons_header_column:after {
  content: "";
  display: table;
  clear: both;
}

#inner_header_searchbar {
  height: 85px;
  width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.logo_website_header {
  max-width: 300px !important;
  width: 100%;
  max-height: 70px;
  height: 100% !important;
}

#logo_website_column {
  float: left;
  width: 33.33%;
}

#icons_header_column {
	float: left;
 	width: 20% !important;
	margin-top: 10px;
}

#zoekbalk_header_column {
  float: left;
  width: 45% !important;
}

#inner_header_searchbar:after {
  content: "";
  display: table;
  clear: both;
}

/* START: Header */
#call-to-action_header {
  background-color: #47c01c;
}


.header_link {
  color: white;
  font-family: "Quicksand", sans-serif;
  white-space: nowrap;
  font-size: 14px;
}

.header_link:hover {
  color: yellow;
}

/* Info & Search Header Responsive */
@media only screen and (max-width: 600px) {
  #inner_header_searchbar {
    max-width: 600px;
    width: 90%;
  }
  .logo_website_header {
    margin-top: 20px;
    margin-right: 10px;
  }
	
	.icon_header_search1, 
	.icon_header_search2, 
	.icon_header_search3, 
	.icon_header_search4 {
		max-height: 50px;
		height: 100%;
		margin-top: 20px;
	}
	
	
	
 .icon_header_search1,
.icon_header_search2,
.icon_header_search5 {
    display: none;
  }
  #header_searchbar {
    padding-top: 15px;
    padding-bottom: 5px;
  }
  #icons_header_column {
    width: 25%;
  }

	#zoekbalk_header_column {
		width: 35% !important;
	}
	
	#icons_header_column {
		width: 30% !important;
	}
	

  .search-field {
    width: 80% !important;
    margin-left: 10px;
    margin-right: 5px;
  }
}

@media only screen and (max-width: 600px) and (min-width: 420px) {
	.icon_header_search3,
	.icon_header_search4 {
		width: 40%;
		height: 50%;
  }	
}

@media screen and (max-width: 420px) {
	.icon_header_search3,
	.icon_header_search4 {
		width: 50%;
		height: 50%;
  }		
}


@media only screen and (max-width: 990px) and (min-width: 600px) {
  #inner_header_searchbar {
    max-width: 900px;
    width: 90%;
  }
  .logo_website_header {
    margin-top: 0px;
    margin-right: 10px;
  }
  #header_searchbar {
    padding-top: 30px;
    padding-bottom: 5px;
  }
  #icons_header_column {
/*     width: 25%; */
  }
  #logo_website_column,
#zoekbalk_header_column {
    width: 35%;
  }
  .icon_header_search1,
.icon_header_search2,
.icon_header_search3,
.icon_header_search4 {
    width: 25%;
    height: 40% !important;
    margin-top: 10px;
  }
  .search-field {
    width: 80% !important;
    margin-left: 20px;
    margin-right: 5px;
  }
	
	#zoekbalk_header_column {
		width: 35% !important;
	}
	
	#icons_header_column {
/* 		width: 30% !important; */
		float: right;
		width: auto!important;
		margin-top: -10px!important;
	}
	
	.icon_header_search5 {
		margin-top: 10px;
	}
}

@media (max-width: 600px) {
	#icons_header_column {
		float: right;
		margin-top: 0px!important;
	}
}

@media only screen and (max-width: 1296px) and (min-width: 991px) {
  #inner_header_searchbar {
    max-width: 1296px;
    width: 90%;
  }
  .logo_website_header {
    margin-top: 0px;
    margin-right: 10px;
  }
  #header_searchbar {
    padding-top: 15px;
    padding-bottom: 5px;
  }
  #icons_header_column {
    width: 25%;
  }

	#zoekbalk_header_column {
		width: 35% !important;
	}
	
	#icons_header_column {
		width: 30% !important;
	}
  .icon_header_search1,
.icon_header_search2,
.icon_header_search3,
.icon_header_search4 {
    width: 25%;
    height: 25%;
    margin-top: 10px;
  }
  .search-field {
    width: 80% !important;
    margin-left: 20px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1296px) {
  #inner_header_searchbar {
    max-width: 1296px;
    width: 100%;
  }
  .logo_website_header {
    margin-top: 0px;
    margin-right: 10px;
  }
  #header_searchbar {
    padding-top: 15px;
    padding-bottom: 5px;
  }
  #icons_header_column {
    width: 25%;
  }
  #logo_website_column,
#zoekbalk_header_column {
    width: 35%;
  }
  .icon_header_search1,
.icon_header_search2,
.icon_header_search3,
.icon_header_search4 {
    width: 25%;
    height: 25%;
    margin-top: 10px;
  }
  .search-field {
    width: 90% !important;
    margin-left: 20px;
    margin-right: 5px;
  }
}
.column {
  float: left;
  margin-top: 15px;
  display: block;
  margin-right: 30px;
}

#call_to_action_header_2:after {
  content: "";
  display: table;
  clear: both;
}

#call_to_action_header_2 {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
}

#call_to_action_header {
  background-color: #47c01c;
}

.slider_afbeelding {
  position: relative;
  z-index: -1;
  display: block;
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 1560px)  {
	.tekst_in_slider {
		top: 45% !important;
	}
}

@media only screen and (max-width: 1197px) and (min-width: 970px)  {
	.tekst_in_slider {
		top: 75% !important;
	}
}

@media only screen and (max-width: 969px) and (min-width: 800px)  {
	.tekst_in_slider {
		top: 72% !important;
	}
}

@media only screen and (max-width: 800px)  {
	.line_break {
		display: none;
	}
}

#slider_image {
  position: relative;
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10+,Safari5.1+ */
  margin-top: -1px;
}

.titel_in_slider {
  text-align: left;
  position: relative;
  top: 45%;
  left: 4%;
  width: 30%;
  transform: translate(-10%, -70%);
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 50px;
	margin-bottom: 10px
}

.tekst_in_slider {
  text-align: left;
  position: relative;
  top: 55%;
  left: 4.5%;
  width: 34%;
  transform: translate(-10%, -70%);
  color: white;
  font-family: "Quicksand", sans-serif;
}

.line_break {
  text-align: left;
  position: absolute;
  top: 60%;
  left: 3%;
  width: 20%;
  transform: translate(-10%, -70%);
  background-color: #f19015;
  font-family: "Quicksand", sans-serif;
	height: 3px;
	border: none;
}

/* END: Header */
/* START: Credit Footer */
.link_footer_credit:hover {
  color: #f19015;
}

@media (min-width: 1200px) {
  .container {
    width: 1600px;
  }
}
/* ------------------------------------ */
/* START: Homepage */
.column_shop {
  margin-top: 40px;
}

@media screen and (max-width: 992px) {
	.column_shop {
	  margin-top: 0px;
	}
	#informatie_tekst_onderin {
		margin-bottom: 30px;
	}
	
}

.page-id-6 .wpforms-submit-container {
  width: 300px !important;
}

#afbeeldingen_home::after {
  content: "";
  display: table;
  clear: both;
}

.column_afbeeldingen {
  position: relative;
  margin-top: 60px;
  float: left;
  width: 33.3%;
}




.titel_afbeelding_1_tuinaanleg {
  position: absolute;
  bottom: 0px;
  left: 25px;
  background-color: #f19015;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 200;
}

.titel_afbeelding_2_maatwerk {
  position: absolute;
  bottom: 0px;
  left: 25px;
  background-color: #444443;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 200;
}

.titel_afbeelding_3_poorten {
  position: absolute;
  bottom: 0px;
  left: 25px;
  background-color: #47c01c;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 200;
}

#informatiebalk {
  background-color: #47c01c;
  padding-top: 10px;
  margin: 60px 0px;
}

.column_informatiebalk {
  float: left;
  margin-left: 6%;
}

#informatiebalk:after {
  content: "";
  display: table;
  clear: both;
}

.tekst_informatiebalk {
  white-space: nowrap;
  display: table;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
	margin-left: auto;
	margin-right: auto;
}


.checked_png {
  max-width: 20px;
  width: 100%;
  max-height: 20px;
  height: 100%;
}

#meest_verkocht {
  height: 300px;
  background-color: grey;
  width: 100%;
}

.column_hoogte_1 {
  background-color: #47c01c;
  float: left;
  width: 70%;
  border-radius: 10px;
  height: 250px;
}

.column_hoogte_2 {
  float: left;
  width: 30%;
}

.titel_blijf_op_de_hoogte {
  font-family: "Quicksand", sans-serif;
  margin-top: 10px;
  color: white;
  font-size: 28px;
  padding: 20px 20px;
  font-weight: 500;
}

.tekst_blijf_op_de_hoogte {
  font-family: "Quicksand", sans-serif;
  color: white;
  margin-left: 20px;
  margin-right: 20px;
}

#wpforms-88-field_1,
#wpforms-88-field_2 {
  max-width: 300px;
  width: 300px;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 100;
  opacity: 1;
  height: 60px;
  font-size: 25px;
  border: solid 0px rgba(0, 0, 0, 0.267);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
}

/*#wpforms-submit-88 {
    background-color: black;
    color: white;
    font-family: $mainFont;
    font-size: 20px;
    max-width: 300px;
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
    border: solid 1px rgba(0, 0, 0, 0.267);;
}

 #wpforms-submit-88:hover {
    background-color: white;
    color: black;
    border: solid 1px white;    
    font-size: 20px;
} */

div.wpforms-container-full .wpforms-form .wpforms-field { 
	padding-top: 0px !important; 
	padding-bottom: 29px !important;
}

#wpforms-submit-88 {
	height: 60px !important;
  text-transform: uppercase;
  font-family: "Quicksand", sans-serif;
  position: relative;
  border: none;
  font-size: 20px;
  transition: color 0.5s, transform 0.2s, background-color 0.2s;
  outline: none;
  border-radius: 3px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  border: 1px solid transparent;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
}
#wpforms-submit-88:active {
  transform: translateY(3px);
}
#wpforms-submit-88::after, #wpforms-submit-88::before {
  border-radius: 3px;
}

#wpforms-submit-88 {
  background-color: black;
  color: white;
}
#wpforms-submit-88:hover {
  background-color: transparent;
  box-shadow: none;
  color: black;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
  border: 0px solid rgba(0, 0, 0, 0.267);
}
#wpforms-submit-88::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, border 0.3s;
}
#wpforms-submit-88:hover::before {
  opacity: 0;
}
#wpforms-submit-88::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0px solid rgba(0, 0, 0, 0.267);
  opacity: 0;
  z-index: -1;
  transform: scaleX(1.1) scaleY(1.3);
  transition: transform 0.3s, opacity 0.3s;
}
#wpforms-submit-88:hover::after {
  opacity: 1;
  transform: scaleX(1) scaleY(1);
}

.wpforms-container-full .wpforms-form .wpforms-submit-container {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.afbeelding_shop {
  width: 350px;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

#shop_elegant_wood_1:after,
#shop_elegant_wood_2:after {
  content: "";
  display: table;
  clear: both;
}

.column_shop {
  float: left;
  width: 20%;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
}

@media screen and (min-width: 1297px) {
  .column_shop {
    margin-right: 5%;
    height: 300px;
  }
}
#wpforms-88-field_1::-moz-placeholder, #wpforms-88-field_2::-moz-placeholder {
  color: black;
  opacity: 1;
}
#wpforms-88-field_1:-ms-input-placeholder, #wpforms-88-field_2:-ms-input-placeholder {
  color: black;
  opacity: 1;
}
#wpforms-88-field_1::placeholder,
#wpforms-88-field_2::placeholder {
  color: black;
  opacity: 1;
}

.titel_afbeelding_weg,
.afbeelding_shop_weg {
  visibility: hidden;
  height: 2px;
}

.column_shop {
  position: relative;
  margin-bottom: 40px;
  display: inline;
  overflow: hidden;
  border-radius: 20px 20px 20px 20px;
}

.column_shop img {
  transition: transform 1s, filter 0.5s ease-out;
  display: block;
}

.column_shop:hover img {
  transform: scale(1.1);
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  transform-origin: 50% 50%;
}

.titel_afbeelding {
  position: absolute;
  bottom: -24px;
  background-color: white;
  border-radius: 0px 10px 0px 0px;
  padding: 10px 120px 10px 20px;
  font-family: "Quicksand", sans-serif;
  font-size: 24px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
	font-weight: 800;
}

.afbeelding_shop {
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.267);
}

.column_informatietekst_1 {
  float: left;
  width: 35%;
  margin-top: 110px;
}

.column_informatietekst_2 {
  float: left;
  width: 57%;
  background-color: #f19015;
  margin-left: 50px;
  margin-top: 40px;
  border-radius: 20px;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 14px;
  padding: 20px;
  font-weight: 400;
  height: 505px;
  margin-bottom: 10px;
}

#informatie_tekst_onderin:after {
  content: "";
  display: table;
  clear: both;
}

.titel_informatietekst {
  color: white;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
}

.titel_afbeelding {
  white-space: pre;
}

.button_informatietekst {
  background-color: #444443;
  color: white;
  padding: 10px 20px;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #444443;
  margin-top: 20px;
}

.button_informatietekst:hover {
  background-color: transparent;
  color: #444443;
}

.afbeelding_informatietekst {
  box-shadow: 10px 4px 5px 1px rgb(255 255 255);
}

#shop_elegant_wood_1,
#blijf_op_de_hoogte,
#shop_elegant_wood_2 {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#homepage_backgroundcolor {
  background-color: #f3f6f5;
}

/* EIND: Home */
/* ------------------------- */
/* START: Footer */
#media_image-3 {
  margin-right: 15px;
  margin-top: 15px;
}

#media_image-4 {
  margin-right: 15px;
	margin-top: 15px;
}

.vetgedrukt_telefoonnummer a,
.vetgedrukt_email a {
  font-size: 20px;
}

.footer-widgets .widget {
  margin-bottom: 0px !important;
}

.sidebar-column {
  font-family: "Quicksand", sans-serif;
}

.widget-title {
  font-family: "Quicksand", sans-serif;
  text-transform: inherit !important;
}

.wp-image-174 {
  max-width: 220px !important;
  width: 100%;
}

.menu-footer-menu-1-container,
.menu-footer-menu-2-container {
  line-height: 2;
}

@media only screen and (min-width: 1296px) {
  .content-wrapper.container {
    width: 100%;
  }
  #content_in_image {
    max-width: 1600px;
    width: 100%;
    /* height: 50vh; */
	height: 500px;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
/* START: Responsive */
/* PHONE */
/* header */
@media only screen and (max-width: 600px) {
  .content-wrapper.container {
    width: 100%;
  }
  .titel_in_slider {
    margin-left: 10px;
    text-align: left;
    position: absolute;
    top: 35%;
    left: 10%;
    width: 80%;
    transform: translate(-10%, -70%);
    color: white;
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
  }
  .column_afbeeldingen img {
    max-width: 100%;
    max-height: 200px;
    height: 200px;
    width: 100%;
  }
  .column_afbeeldingen h2 {
    bottom: -15px;
    font-size: 20px;
  }
  .afbeelding_1_tuinaanleg {
    margin-top: 30px;
  }
  .column_afbeeldingen {
    margin-top: 20px;
  }
  .slider_afbeelding {
    height: 500px;
  }
  .tekst_in_slider {
	position: absolute;
    font-size: 18px;
    left: 11%;
    width: 60%;
	  line-height: 23px;
    top: 65%; /* 75% */
  }
	
	.button-slider {
        padding: 10px 20px !important;
    }
	
  .line_break {
    top: 43%;
    left: 10%;
    width: 50%;
  }
  /* Home */
  .column_afbeeldingen,
.column_hoogte_1,
.column_hoogte_2 {
    width: 100%;
  }
  .column_afbeeldingen img {
       object-fit: cover;
  }
  #informatiebalk {
    display: none;
  }
  #wpforms-88-field_1,
#wpforms-88-field_2,
#wpforms-submit-88 {
    max-width: 250px;
    width: 250px;
    font-size: 20px;
  }
  .wpforms-submit-container {
    text-align: center;
  }
  .titel_blijf_op_de_hoogte {
    font-size: 18px;
    margin-top: 10px;
  }
  .tekst_blijf_op_de_hoogte {
    font-size: 14px;
  }
  .column_hoogte_1 {
    height: auto;
	  margin-bottom: 60px;
  }
  .column_hoogte_2 {
    margin-bottom: 40px;
  }
  #meest_verkocht {
    height: 50px;
  }
  .column_shop_weg {
    height: 130px;
  }
  .column_shop img {
    height: 200px;
    border-radius: 10px;
  }
  .column_shop {
    width: 75%;
    margin-left: 10%;
    border-radius: 10px 10px 10px 10px;
  }
  .titel_afbeelding {
    white-space: nowrap;
    padding: 5px 30px 5px 5px;
    font-size: 12px;
    border-radius: 0px 10px 0px 0px;
  }
  .column_informatietekst_1 {
    margin-top: 20px;
    width: 100%;
  }
  .column_informatietekst_2 p {
    font-size: 10px;
  }
  .column_informatietekst_2 {
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
    height: auto;
  }
  /* footer */
  #kolom1_footer,
#kolom2_footer,
#kolom3_footer,
#kolom4_footer {
    width: 100%;
  }
  #footer_acf {
    height: 1640px;
    text-align: center;
  }
  #footer_acf_1 #kolom1_footer {
    margin-right: 0px;
  }
  .link_footer_column_1 {
    margin-left: 0px;
  }
  .tekst_footer_column_4 {
    width: 100%;
  }
  #kolom4_2_footer, #kolom4_4_footer {
    float: none;
  }
  .icon_2_footer_column_4, .icon_1_footer_column_4 {
    margin-left: 10px;
    margin-top: 15px;
  }
}
/* TABLET */
@media only screen and (max-width: 990px) and (min-width: 600px) {
  .titel_in_slider {
    margin-left: 10px;
    text-align: left;
    position: absolute;
    top: 35%;
    left: 10%;
    width: 70%;
    transform: translate(-10%, -70%);
    color: white;
    font-family: "Quicksand", sans-serif;
    font-size: 40px;
  }
  .tekst_in_slider {
    position: absolute;
	width: 70%;
    left: 12%;
  }
  .line_break {
    left: 8%;
    top: 45%;
  }
  .tekst_in_slider {
    top: 70%;
  }
  .column_afbeeldingen {
    width: 100%;
  }
  .content-wrapper.container {
    max-width: 990px;
  }
  .column_afbeeldingen img {
    height: 400px;
    width: 100%;
       object-fit: cover;
  }
  .column_informatiebalk {
    margin-left: 100px;
  }
  #meest_verkocht {
    height: 50px;
  }
  .column_hoogte_1 {
    width: 100%;
    height: 350px;
	  margin-bottom: 50px;
  }
  .column_hoogte_2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .column_shop_weg {
    height: 130px;
  }
  .column_shop img {
    height: 200px;
    width: 100%;
    border-radius: 10px;
  }
  .column_shop {
    width: 40%;
    margin-left: 5%;
    border-radius: 15px 15px 15px 15px;
  }
  .titel_afbeelding {
    white-space: nowrap;
    padding: 5px 30px 5px 5px;
    font-size: 12px;
    border-radius: 0px 10px 0px 0px;
    font-size: 20px;
    padding: 9px 90px 9px 9px;
  }
  .column_informatietekst_1 {
    margin-top: 20px;
    width: 100%;
  }
  .column_informatietekst_1 {
    margin-top: 20px;
    width: 100%;
  }
  .column_informatietekst_2 p {
    font-size: 10px;
  }
  .column_informatietekst_2 {
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
    height: auto;
  }
  /* footer */
  #kolom1_footer,
#kolom2_footer,
#kolom3_footer,
#kolom4_footer {
    width: 100%;
  }
  #footer_acf {
    height: 1640px;
    text-align: center;
  }
  #footer_acf_1 #kolom1_footer {
    margin-right: 0px;
  }
  .link_footer_column_1 {
    margin-left: 0px;
  }
  .tekst_footer_column_4 {
    width: 100%;
    text-align: center;
  }
  #kolom4_2_footer, #kolom4_4_footer {
    float: none;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  #kolom4_1_footer, #kolom4_3_footer {
    float: left;
    width: 10%;
    margin-left: 25%;
  }
  .icon_2_footer_column_4, .icon_1_footer_column_4 {
    margin-left: 10px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1296px) and (min-width: 991px) {
  .titel_in_slider {
    margin-left: 10px;
    text-align: left;
    position: absolute;
    top: 35%;
    left: 10%;
    width: 40%;
    transform: translate(-10%, -70%);
    color: white;
    font-family: "Quicksand", sans-serif;
    font-size: 40px;
  }
  .tekst_in_slider {
    width: 40%;
    left: 11%;
	position: absolute;
	top: 65% !important;
  }
  .line_break {
    left: 10%;
    top: 45%;
  }
  .column_afbeeldingen {
    width: 33%;
  }
  .content-wrapper.container {
    max-width: 1296px;
  }
  .column_afbeeldingen img {
    height: 300px;
    width: 100%;
    -o-object-fit: contain; /*cover*/
       object-fit: contain; /*cover*/
  }
  .column_informatiebalk {
    margin-left: 100px;
  }
  #meest_verkocht {
    height: 50px;
  }
  .column_hoogte_1 {
    width: 100%;
    height: auto;
	  margin-bottom: 60px;
  }
  .column_hoogte_2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .column_shop_weg {
    height: 130px;
  }
  .column_shop img {
    height: 300px;
    width: 100%;
    border-radius: 10px;
  }
  .column_shop {
    width: 40%;
    margin-left: 5%;
    border-radius: 15px 15px 15px 15px;
  }
  .titel_afbeelding {
    white-space: nowrap;
    padding: 5px 30px 5px 5px;
    font-size: 12px;
    border-radius: 0px 10px 0px 0px;
  }
  .titel_afbeelding {
    font-size: 20px;
    padding: 9px 90px 9px 9px;
  }
  .column_informatietekst_1 {
    margin-top: 20px;
    width: 45%;
  }
  .column_informatietekst_2 p {
    font-size: 16px;
  }
  .titel_informatietekst {
    font-size: 28px;
  }
  .column_informatietekst_2 {
    width: 45%;
    margin-left: 30px;
    margin-top: 0px;
    height: auto;
  }
  /* footer */
  #kolom1_footer,
#kolom2_footer,
#kolom3_footer,
#kolom4_footer {
    width: 100%;
  }
  #kolom4_1_footer, #kolom4_3_footer {
    float: left;
    width: 10%;
    margin-left: 28%;
  }
  #footer_acf {
    height: 1640px;
    text-align: center;
  }
  #footer_acf_1 #kolom1_footer {
    margin-right: 0px;
  }
  .link_footer_column_1 {
    margin-left: 0px;
  }
  .tekst_footer_column_4 {
    width: 100%;
    text-align: center;
  }
  #kolom4_2_footer, #kolom4_4_footer {
    float: none;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  .icon_2_footer_column_4, .icon_1_footer_column_4 {
    margin-left: 10px;
    margin-top: 15px;
  }
}
#footer_acf_1 a:hover {
  color: #f19015;
}

/* END: footer */
/* ----- START: Contact ------ */
/* Make 2 columns */
#informatie_column1 {
  float: left;
  width: 60%;
}

#informatie_column2 {
  float: left;
  width: 40%;
}

#informatie_contact:after {
  content: "";
  display: table;
  clear: both;
}

/* Make the first "part" 1600px width */
#informatie_contact {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  #informatie_column1,
#informatie_column2 {
    width: 100%;
  }
}
/* Again, make 2 columns in the 2 columns that already excist */
#openingstijden_column1,
#openingstijden_column2 {
  float: left;
  width: 50%;
}

#informatie_column1:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  #openingstijden_column1,
#openingstijden_column2 {
    width: 100%;
  }
}
/* Make the e-mail icon and the phone icon smaller */
.afbeelding_telefoonnummer_contact,
.afbeelding_email_contact {
  max-width: 50px;
  max-height: 50px;
  width: 100%;
  height: 100%;
  margin-right: 10px;
  margin-top: 20px;
}

#telefoonnummer_groep1 {
  float: left;
  width: 15%;
  padding-top: 15px;
}

#telefoonnummer_groep2 {
  float: left;
  width: 80%;
  padding-top: 15px;
}

#openingstijden_column2:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  #telefoonnummer_groep {
    width: 100%;
  }
}
#email_groep1 {
  float: left;
  width: 15%;
}

#email_groep2 {
  float: left;
  width: 80%;
}

#openingstijden_column2:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  #email_groep {
    width: 100%;
  }
}
/* Give all text another font */
#informatie_column1 p,
#informatie_column1 h2,
#informatie_column1 h4 {
  font-family: "Quicksand", sans-serif;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* Add a margin top to the second column so it will be on the same level of the first column */
#openingstijden_column2 {
  margin-top: 70px;
}

/* Some adjustments so it will look clean */
#openingstijden_column2 p {
  width: 65%;
}

#email_groep2 {
  margin-top: 15px;
}

.titelkop3_contact {
  padding-bottom: 15px;
}

.titel_contact {
  padding-bottom: 20px;
}

.titelkop1_contact {
  padding-bottom: 20px;
}

.titelkop2_contact {
  padding-bottom: 20px;
  padding-top: 20px;
}

/* Make 2 columns for the green square and the contact form */
#contactformulier_column1 {
  width: 40%;
  float: left;
}

#contactformulier_column2 {
  width: 50%;
  float: left;
}

#contactformulier_contact:after {
  content: "";
  display: table;
  clear: both;
}

/* Add a dropshadow to the image in the first row */
.afbeelding_contact {
  box-shadow: 4px 4px 5px 1px rgba(87, 87, 87, 0.95);
  max-width: 500px;
  width: 100%;
}

/* Adjust the div so it will be centered */
#contactformulier_contact {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  #contactformulier_column1,
#contactformulier_column2 {
    width: 100%;
  }
}
/* Some adjustments to the text so it wont be very width */
#contactformulier_column1 p,
.titel_contactform_contact {
  color: white;
  font-family: "Quicksand", sans-serif;
  font-weight: 100;
}

#contactformulier_column1 {
  margin-top: 125px;
  background-color: #47c01c;
  padding: 20px;
  padding-left: 40px;
  border-radius: 20px;
  margin-right: 10%;
  box-shadow: 4px 4px 5px 1px rgba(87, 87, 87, 0.95);
}

/* Adjustments to the contact form */
#wpforms-281-field_1,
#wpforms-281-field_2,
#wpforms-281-field_6,
#wpforms-281-field_4 {
  max-width: 400px;
  width: 400px;
  font-family: "Quicksand", sans-serif;
  font-weight: 100;
  opacity: 1;
  height: 50px;
  font-size: 25px;
  border: solid 0px rgba(0, 0, 0, 0.267);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.27);
}

#wpforms-281-field_5 {
  max-width: 400px;
  width: 400px;
  font-family: "Quicksand", sans-serif;
  font-weight: 100;
  opacity: 1;
  height: 50px;
  font-size: 25px;
  border: solid 0px rgba(0, 0, 0, 0.267);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.27);
  height: 200px;
}

#wpforms-submit-281 {
  max-width: 400px;
  width: 400px;
  font-family: "Quicksand", sans-serif;
  font-weight: 100;
  opacity: 1;
  height: 50px;
  font-size: 25px;
  border: solid 0px rgba(0, 0, 0, 0.267);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.27);
  background-color: black;
  color: white;
}

/* Change the color of the submit button when hovered */
#wpforms-submit-281:hover {
  background-color: white;
  color: black;
}

/* Change the width of the container so it will be centered */
.wpforms-submit-container {
  width: 400px !important;
}

/* Remove padding to the left and right */
.page-id-227 .container {
  padding-left: 0px;
  padding-right: 0px;
}

/* Remove the margin from the Google Maps so there will be no white spaces around it */
#googlemaps_contact p {
  margin: 0px;
}

/* Remove padding left and right so there wont be white stripes left and right */
#primary {
  padding-left: 0px;
  padding-right: 0px;
}

/* ---- START: Responsive Contact ------ */
/* Add a padding to the left and right so the text won't be out of bound */
@media only screen and (max-width: 600px) {
  #informatie_contact {
    max-width: 500px;
    width: 90%;
    text-align: center;
  }
  #openingstijden_column2 p {
    width: 100%;
  }
  /* Remove the weird white spaces on the left and right */
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  /* Telefoon en email icon kleiner maken en meer naar rechts plaatsen */
  .afbeelding_telefoonnummer_contact,
.afbeelding_email_contact {
    max-width: 30px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    margin-right: -15px;
    margin-top: 15px;
  }
  /* Some adjustments to the image */
  .afbeelding_contact {
    max-width: 300px;
    width: 100%;
    margin-top: 30px;
  }
  /* Center the text in the column */
  #informatie_column2 {
    text-align: center;
  }
  /* Remove margin so there won't be space */
  #contactformulier_column1 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  /* Green column adjustments */
  #contactformulier_contact {
    max-width: 600px;
    width: 80%;
    padding-left: 20px;
  }
  /* Adjust the max width so the columns wont be out of bound */
  #wpforms-281-field_1,
#wpforms-281-field_2,
#wpforms-281-field_6,
#wpforms-281-field_4,
#wpforms-281-field_5 {
    max-width: 600px;
    width: 80%;
	font-size: 15px;
  }
  #wpforms-submit-281 {
    max-width: 600px;
    width: 80%;
	  font-size: 12px;
  }
  /* Text align left so the button will be right under the forms */
  .wpforms-submit-container {
    max-width: 600px;
    width: 100% !important;
  }
  /* Change height of Google Maps */
  #googlemaps_contact iframe {
    height: 400px;
  }
  #openingstijden_column2 {
    margin-top: 30px;
  }
}
/* Tablet */
/* Add a padding to the left and right so the text won't be out of bound */
@media only screen and (max-width: 992px) and (min-width: 600px) {
  #informatie_contact {
    max-width: 900px;
    width: 90%;
    text-align: center;
  }
  #openingstijden_column2 p {
    width: 100%;
  }
  /* Remove the weird white spaces on the left and right */
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  /* Telefoon en email icon kleiner maken en meer naar rechts plaatsen */
  .afbeelding_telefoonnummer_contact,
.afbeelding_email_contact {
    max-width: 30px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    margin-right: -15px;
    margin-top: 15px;
  }
  /* Some adjustments to the image */
  .afbeelding_contact {
    max-width: 500px;
    width: 100%;
    margin-top: 30px;
  }
  /* Center the text in the column */
  #informatie_column2 {
    text-align: center;
  }
  /* Remove margin so there won't be space */
  #contactformulier_column1 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  /* Green column adjustments */
  #contactformulier_contact {
    max-width: 992px;
    width: 80%;
    padding-left: 20px;
  }
  /* Adjust the max width so the columns wont be out of bound */
  #wpforms-281-field_1,
#wpforms-281-field_2,
#wpforms-281-field_6,
#wpforms-281-field_4,
#wpforms-281-field_5 {
    max-width: 992px;
    width: 80%;
  }
  #wpforms-submit-281 {
    max-width: 992px;
    width: 80%;
  }
  /* Text align left so the button will be right under the forms */
  .wpforms-submit-container {
    max-width: 992px;
    width: 100% !important;
    text-align: center;
  }
  /* Change height of Google Maps */
  #googlemaps_contact iframe {
    height: 400px;
  }
  #openingstijden_column2 {
    margin-top: 30px;
  }
  /* Adjustments to the phone and e-mail icon */
  #telefoonnummer_groep1,
#email_groep1 {
    text-align: right;
    margin-right: 15px;
    width: 25%;
  }
  #telefoonnummer_groep2,
#email_groep2 {
    width: 55%;
  }
}
@media only screen and (max-width: 1296px) and (min-width: 992px) {
  #informatie_contact {
    max-width: 1296px;
    width: 90%;
    text-align: center;
  }
  #openingstijden_column2 p {
    width: 100%;
  }
  #openingstijden_column2 {
    margin-top: 66px;
  }
  /* Remove the weird white spaces on the left and right */
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  /* Telefoon en email icon kleiner maken en meer naar rechts plaatsen */
  .afbeelding_telefoonnummer_contact,
.afbeelding_email_contact {
    max-width: 30px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    margin-right: -15px;
    margin-top: 15px;
  }
  /* Some adjustments to the image */
  .afbeelding_contact {
    max-width: 350px;
    width: 100%;
    margin-top: 30px;
  }
  /* Remove margin so there won't be space */
  #contactformulier_column1 {
    margin-top: 70px;
    margin-bottom: 30px;
  }
  /* Green column adjustments */
  #contactformulier_contact {
    max-width: 992px;
    width: 80%;
    padding-left: 20px;
  }
  /* Adjust the max width so the columns wont be out of bound */
  #wpforms-281-field_1,
#wpforms-281-field_2,
#wpforms-281-field_6,
#wpforms-281-field_4,
#wpforms-281-field_5 {
    max-width: 992px;
    width: 80%;
  }
  #wpforms-submit-281 {
    max-width: 992px;
    width: 80%;
  }
  /* Text align left so the button will be right under the forms */
  .wpforms-submit-container {
    max-width: 992px;
    width: 100% !important;
    text-align: center;
  }
  /* Change height of Google Maps */
  #googlemaps_contact iframe {
    height: 400px;
  }
  /* Adjustments to the phone and e-mail icon */
  #telefoonnummer_groep1,
#email_groep1 {
    margin-right: 5px;
    width: 25%;
    margin-top: 20px;
  }
  #telefoonnummer_groep2,
#email_groep2 {
    width: 55%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1296px) {
  #informatie_contact {
    max-width: 1600px;
    width: 90%;
  }
  #openingstijden_column2 p {
    width: 100%;
  }
  #openingstijden_column2 {
    margin-top: 66px;
  }
  /* Remove the weird white spaces on the left and right */
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  /* Telefoon en email icon kleiner maken en meer naar rechts plaatsen */
  .afbeelding_telefoonnummer_contact,
.afbeelding_email_contact {
    max-width: 30px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    margin-right: -15px;
    margin-top: 15px;
  }
  /* Some adjustments to the image */
  .afbeelding_contact {
    max-width: 350px;
    width: 100%;
    margin-top: 30px;
  }
  /* Center the text in the column */
  #informatie_column2 {
    text-align: center;
  }
  /* Remove margin so there won't be space */
  #contactformulier_column1 {
    margin-top: 70px;
    margin-bottom: 30px;
  }
  /* Green column adjustments */
  #contactformulier_contact {
    max-width: 992px;
    width: 80%;
    padding-left: 20px;
  }
  /* Adjust the max width so the columns wont be out of bound */
  #wpforms-281-field_1,
#wpforms-281-field_2,
#wpforms-281-field_6,
#wpforms-281-field_4,
#wpforms-281-field_5 {
    max-width: 992px;
    width: 80%;
  }
  #wpforms-submit-281 {
    max-width: 992px;
    width: 80%;
  }
  /* Text align left so the button will be right under the forms */
  .wpforms-submit-container {
    max-width: 992px;
    width: 100% !important;
    text-align: center;
  }
  /* Change height of Google Maps */
  #googlemaps_contact iframe {
    height: 400px;
  }
  /* Adjustments to the phone and e-mail icon */
  #telefoonnummer_groep1,
#email_groep1 {
    margin-right: 5px;
    width: 25%;
    margin-top: 20px;
  }
  #telefoonnummer_groep2,
#email_groep2 {
    width: 55%;
    margin-top: 20px;
  }
}
/* ------ START: Over ons ------ */
/* Informatie */
#informatie_kolom1,
#informatie_kolom2 {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
#informatie:after {
  content: "";
  display: table;
  clear: both;
}

#informatie {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
	#informatie {
		margin-top: 20px;
	}
}

#sponsors {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  margin-bottom: 160px;
}

@media screen and (max-width: 992px) {
	#sponsors {
		margin-top: 30px;
	}
	
	.titel_sponsor {
		margin-bottom: 0px !important;
	}
	
	.titel_infotekst_overons {
		margin-bottom: 50px !important;
	}
}

#samenvatting {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#samenvatting-backgroundcolor {
  background-color: rgb(226, 226, 226);
  padding-top: 120px;
  padding-bottom: 120px;
}

.titel_overons,
.titel_samenvatting_overons {
  font-family: "Quicksand", sans-serif;
  position: relative;
}

.titel_overons:after {
  position: absolute;
  content: "";
  width: 15%;
  height: 2px;
  background-color: #47c01c;
  left: 0;
  right: 0;
  bottom: -10px;
  transition: 0.5s;
}

.titel_samenvatting_overons:after {
  position: absolute;
  content: "";
  width: 25%;
  height: 2px;
  background-color: #47c01c;
  left: 0;
  right: 0;
  bottom: -10px;
  transition: 0.5s;
}

#informatie_kolom1 p {
  font-family: "Quicksand", sans-serif;
}

#informatie_kolom2 {
  text-align: center;
}

.afbeelding_overons,
.afbeelding_samenvatting_overons {
  max-width: 600px;
  width: 100%;
  max-height: 400px;
  height: 100%;
  box-shadow: 4px 5px 10px 4px rgba(87, 87, 87, 0.95);
}

/* Samenvatting */
#samenvatting_kolom1,
#samenvatting_kolom2 {
  float: left;
  width: 50%;
}

#samenvatting:after {
  content: "";
  display: table;
  clear: both;
}

.kop_1_titel_overons,
.titel_kop_2_overons,
.titel_kop_3_overons {
  font-family: "Quicksand", sans-serif;
}

@media only screen and (max-width: 992px) and (min-width: 600px)  {
	.kop_1_titel_overons,
	.titel_kop_2_overons,
	.titel_kop_3_overons {
		margin-bottom: 0px;
	}
}

.titel_samenvatting_overons {
  position: relative;
}

.tekst_kop_1_overons,
.tekst_kop_2_overons,
.tekst_kop_3 {
  font-family: "Quicksand", sans-serif;
}

/* Sponsors */
#sponsor_kolom {
  float: left;
  width: 20%;
	margin-right: 5%;
  text-align: center;
}

#sponsors:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 600px) {
  #sponsors {
    margin-bottom: 0px;
  }
}
.titel_sponsor {
  font-family: "Quicksand", sans-serif;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  border-bottom: 2px solid #47c01c;
  max-width: 1600px;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
@media only screen and (min-width: 600px) and (max-width: 992px)  {
	.titel_sponsor {
		margin-bottom: 50px !important;
	}
}

@media screen and (max-width: 600px) {
  .titel_sponsor {
    width: 50%;
  }
}
/* Tekst boven de call-to-action */
#tekst_boven {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#tekst_bovencalltoaction {
  background-color: rgb(247, 247, 247);
  padding-top: 50px;
  padding-bottom: 50px;
}

.titel_infotekst_overons {
  font-family: "Quicksand", sans-serif;
  position: relative;
  text-align: center;
  border-bottom: 2px solid #47c01c;
  max-width: 1600px;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .titel_infotekst_overons {
    width: 50%;
  }
}
#tekst_boven p {
  text-align: center;
  font-family: "Quicksand", sans-serif;
}

/* Call to action */
#call-to-action {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 50px;
  background-color: #47c01c;
}

.titel_calltoaction {
  color: white;
  font-family: "Quicksand", sans-serif;
  font-weight: 100;
}

.entry-header,
.entry-footer {
  margin-bottom: 0px !important;
  display: none;
}

.button_calltoaction {
  background-color: #444443;
  padding: 12px 40px 12px 40px;
  border-radius: 5px;
  border: 1px solid #444443;
  color: white;
  font-family: "Quicksand", sans-serif;
}

.button_calltoaction:hover {
  background: transparent;
  color: #444443;
}

@media screen and (max-width: 600px) {
  #samenvatting_kolom1,
#samenvatting_kolom2,
#informatie_kolom1,
#informatie_kolom2,
#sponsor_kolom {
    width: 100%;
  }
  #informatie,
#samenvatting-backgroundcolor,
#sponsors,
#tekst_bovencalltoaction {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px !important;
    margin-bottom: 10px;
	padding-top: 0px !important;
  }
	
	#sponsor_kolom {
		margin-top: 30px;
	}
	
	
  #samenvatting-backgroundcolor {
    padding-top: 10px;
  }
  .afbeelding_overons,
.afbeelding_samenvatting_overons {
    box-shadow: none;
  }
	
	.afbeelding_samenvatting_overons {
		margin-top: 25px !important;
	}
	
  .sponsor_overons {
    margin-bottom: 20px;
  }
  #tekst_bovencalltoaction {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px !important;
    margin-top: 30px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 990px) and (min-width: 600px) {
  .container {
    max-width: 990px;
    width: 100%;
  }
  #samenvatting-backgroundcolor,
#informatie_kolom1 {
    font-size: 12px;
  }
  #informatie_kolom1 {
    padding-left: 30px;
  }
  .afbeelding_overons,
.afbeelding_samenvatting_overons {
    max-width: 300px;
    width: 100%;
    max-height: 250px;
    height: 100%;
  }
  #samenvatting_kolom1 {
    text-align: center;
  }
}
@media only screen and (max-width: 1296px) and (min-width: 900px) {
  .container {
    max-width: 1296px;
    width: 100%;
  }
  #samenvatting-backgroundcolor,
#informatie_kolom1 {
    font-size: 12px;
  }
  #informatie_kolom1 {
    padding-left: 30px;
  }
  .afbeelding_overons,
.afbeelding_samenvatting_overons {
    max-width: 400px;
    width: 100%;
    max-height: 350px;
    height: 100%;
  }
  #samenvatting_kolom1 {
    text-align: center;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1296px) {
  .container {
    max-width: 1600px;
    width: 100%;
  }
  #samenvatting-backgroundcolor,
#informatie_kolom1 {
    font-size: 12px;
  }
  #informatie_kolom1 {
    padding-left: 100px;
  }
  .afbeelding_overons,
.afbeelding_samenvatting_overons {
    max-width: 400px;
    width: 100%;
    max-height: 350px;
    height: 100%;
  }
  #samenvatting_kolom1 {
    text-align: center;
  }
}

/* Begin landings pagina template */

/* Desktop */

@media only screen and (min-width: 1025px) {
	#landingspagina {
		margin-right: 15px;
    	margin-left: 15px;
	}
	.content-landingspagina {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	
	.usp-landingspagina {
		width: 64%;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		justify-content: space-between;
		padding-bottom: 20px;
	}
	.usp1,.usp2,.usp3,.usp4 {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.usp-1-img,.usp-2-img,.usp-3-img,.usp-4-img {
		width: 11.98px;
		height: 19px;
	}
	.usp-1-tekst,.usp-2-tekst,.usp-3-tekst,.usp-4-tekst {
		margin-bottom: 0px;
	}
	.kolom-1-lp,.kolom-3-lp {
		width: 64%;
		margin-left: auto;
		margin-right: auto;
	}
	.kolom-1-h2-lp {
		font-size: 28px;
	}
	.kolom-1-tekst-lp, p {
		margin-bottom: 0px;
	}
	.kolom-2-lp {
		width: 64%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 60px;
	} 
	.kolom-2-h2-lp {
		font-size: 26px;
		text-align: center;
	}
	.knoppen-kolom-2-lp {
		display: flex;
		justify-content: center;
		gap: 10px;
		align-items: center;
	}
	.tussen-tekst-lp {
		margin-bottom: 0px;
	}
	.button-1-lp,.button-2-lp {
		background-color: #15ba2e;
		padding: 10px 20px;
		color: white;
	}
	.button-1-lp:hover {
		background-color: #3C3C3B;
		padding: 10px 20px;
		color: white;
	}
	
	.button-2-lp:hover {
		background-color: #3C3C3B;
		padding: 10px 20px;
		color: white;
	}
	
	.kolom-3-h2-lp {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.kolom-3-tekst-lp {
		margin: 0px;
	}
	.kolom-3-lp ul {
		padding-left: 18px;
	}
	.kolom-3-lp a {
		color: #15ba2e;
	}
	.kolom-3-cursief-lp {
		font-weight: 600;
	}
	.aanbieding-items .woocommerce .products {
		    display: table;
	}
	.kolom-1-h1 {
		font-size: 26px;
	}
	.kolom-1-lp a {
		color: #15ba2e;
	}	
	.aanbieding-items ul.products a:not(.button) {
		display: flex !important; 
		flex-direction: column;
		
	}
	.aanbieding-items ul.products li.product {
		display: flex; 
		flex-direction: column;
	}
	.aanbieding-items ul.products li.product img {
		object-fit: cover;
		max-height: 369px;
		min-height: 369px;
	}
	.aanbieding-items .woocommerce-loop-product__title {
		min-height: 50px;
		max-height: 50px;
	}
	.optionele-slider-afbeelding {
		background-color: black;
	}
	.Optionele-slider {
		max-height: 450px;
		object-fit: cover;
		width: 100%;
		opacity: 0.5;
	}
	 .optionele-slider-div {
		position: relative;
	}
	.optionele-slider-div .tekst-knoppen-div-optioneel {
		width: 100%;
		max-width: 1280px;
		text-align: center;
		position: absolute;                                
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
	.optionele-titel { 
		font-size: 70px;
		color: white;
		font-weight: 600;
	}
	.optionele-tekst {
		font-size: 17px;
		color: white;
	}
	.knoppen-optioneel-div {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		gap: 50px;	
	}
	.optionele-knop {
		background-color: #E09900;
		color: white;
		border-radius: 6px;
		padding: 10px 40px;
		border: 1px solid #E09900;
		transition: 0.3s ease-in-out;
		font-size: 18px;
	}
	.optionele-knop:hover {
		background-color: white;
		color: #E09900;
		border-radius: 6px;
		padding: 10px 40px;
		border: 1px solid white;
		transition: 0.3s ease-in-out;
		font-size: 18px;
	}
	.page-id-65770 .Optionele-slider-2 {
		width: 100%;
	}
}

/* Grooter scherm */

@media only screen and (min-width: 1876px) {
	.woocommerce ul.products {
		max-width: 100%;
	}
}

/* Tablet */

@media only screen and (max-width: 1024px) and (min-width: 576px) {
	#landingspagina {
		margin-right: -10px;
    	margin-left: -10px;
	}
	 
	.content-landingspagina {
		width: 80%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 47px;
		padding-bottom: 47px;
	}
	
	.usp-landingspagina {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.usp1,.usp2,.usp3,.usp4 {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.usp-1-img,.usp-2-img,.usp-3-img,.usp-4-img {
		width: 11.98px;
		height: 19px;
	}
	.usp-1-tekst,.usp-2-tekst,.usp-3-tekst,.usp-4-tekst {
		margin-bottom: 0px;
	}
	.kolom-1-lp,.kolom-3-lp {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.kolom-1-h2-lp {
		font-size: 28px;
	}
	.kolom-1-tekst-lp, p {
		margin-bottom: 0px;
	}
	.kolom-2-lp {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 60px;
	} 
	.kolom-2-h2-lp {
		font-size: 26px;
		text-align: center;
	}
	.knoppen-kolom-2-lp {
		display: flex;
		justify-content: center;
		gap: 10px;
		align-items: center;
	}
	.tussen-tekst-lp {
		margin-bottom: 0px;
	}
	.button-1-lp,.button-2-lp {
		background-color: #15ba2e;
		padding: 10px 20px;
		color: white;
	}
	.button-1-lp:hover {
		background-color: #3C3C3B;
		padding: 10px 20px;
		color: white;
	}
	
	.button-2-lp:hover {
		background-color: #3C3C3B;
		padding: 10px 20px;
		color: white;
	}
	
	.kolom-3-h2-lp {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.kolom-3-tekst-lp {
		margin: 0px;
	}
	.kolom-3-lp ul {
		padding-left: 18px;
	}
	.kolom-3-lp a {
		color: #15ba2e;
	}
	.kolom-3-cursief-lp {
		font-weight: 600;
	}
	.aanbieding-items ul.products a:not(.button) {
		display: flex !important; 
		flex-direction: column;
		margin-bottom: 20px;
	}
	.aanbieding-items ul.products li.product {
		display: flex; 
		flex-direction: column;
		width: 47% !important;
		margin-right: 15px !important;
	}
	.aanbieding-items ul.products li.product img {
		object-fit: cover;
		max-height: 250px;
		min-height: 250px;
	}
	.aanbieding-items .woocommerce-loop-product__title {
		min-height: 50px;
		max-height: 50px;
	}
	.kolom-1-lp a {
		color: #15ba2e;
	}
	.aanbieding-items .woocommerce .products {
		display: table;
	}
	.optionele-slider-afbeelding {
		background-color: black;
	}
	.Optionele-slider {
		max-height: 393px;
		object-fit: cover;
		width: 100%;
		opacity: 0.5;
	}
	 .optionele-slider-div {
		position: relative;
		margin-left: -15px;
		 margin-right: -15px;
	}
	.optionele-slider-div .tekst-knoppen-div-optioneel {
		width: 90%;
		text-align: center;
		position: absolute;                                
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.optionele-titel { 
		font-size: 40px;
		color: white;
		font-weight: 600;
	}
	.optionele-tekst {
		font-size: 17px;
		color: white;
	}
	.knoppen-optioneel-div {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		gap: 20px;	
	}
	.optionele-knop {
		background-color: #E09900;
		color: white;
		border-radius: 6px;
		padding: 5px 20px;
		border: 1px solid #E09900;
		transition: 0.3s ease-in-out;
		font-size: 16px;
	}
	.optionele-knop:hover {
		background-color: white;
		color: #E09900;
		border-radius: 6px;
		padding: 5px 20px;
		border: 1px solid white;
		transition: 0.3s ease-in-out;
		font-size: 16px;
	}
	.page-id-65770 .Optionele-slider-2 {
		width: 100%;
/* 		margin-left: -15px;
		margin-right: -15px; */
	}
	.page-id-65770 .content-wrapper .row {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Mobile */

@media only screen and (max-width: 575px) {
	#landingspagina {
		margin-right: -10px;
    	margin-left: -10px;
	}
	 
	.content-landingspagina {
		width: 80%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 47px;
		padding-bottom: 47px;
	}
	
	.usp-landingspagina {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 15px;
	}
	.usp1,.usp2,.usp3,.usp4 {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.usp-1-img,.usp-2-img,.usp-3-img,.usp-4-img {
		width: 11.98px;
		height: 19px;
	}
	.usp-1-tekst,.usp-2-tekst,.usp-3-tekst,.usp-4-tekst {
		margin-bottom: 0px;
	}
	.kolom-1-lp,.kolom-3-lp {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.kolom-1-h2-lp {
		font-size: 25px;
	}
	.kolom-1-tekst-lp, p {
		margin-bottom: 0px;
	}
	.kolom-2-lp {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 60px;
	} 
	.kolom-2-h2-lp {
		font-size: 26px;
		text-align: center;
	}
	.knoppen-kolom-2-lp {
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}
	.tussen-tekst-lp {
		margin-bottom: 0px;
	}
	.button-1-lp,.button-2-lp {
		background-color: #15ba2e;
		padding: 10px 20px;
		color: white;
	}
	.button-1-lp:hover {
		background-color: #3C3C3B;
		padding: 10px 20px;
		color: white;
	}
	
	.button-2-lp:hover {
		background-color: #3C3C3B;
		padding: 10px 20px;
		color: white;
	}
	
	.kolom-3-h2-lp {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.kolom-3-tekst-lp {
		margin: 0px;
	}
	.kolom-3-lp ul {
		padding-left: 18px;
	}
	.kolom-3-lp a {
		color: #15ba2e;
	}
	.kolom-3-cursief-lp {
		font-weight: 600;
	}
	.aanbieding-items ul.products a:not(.button) {
		display: flex !important; 
		flex-direction: column;
	}
	.aanbieding-items .woocommerce .products {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		width: 75%;
	}
	.aanbieding-items ul.products li.product {
		display: flex; 
		flex-direction: column;
	}
	.aanbieding-items ul.products li.product img {
		object-fit: cover;
		max-height: 200px;
		min-height: 200px;
	}
	.aanbieding-items .woocommerce-loop-product__title {
		min-height: 50px;
		max-height: 50px;
	}
	.kolom-1-lp a {
		color: #15ba2e;
	}
	.optionele-slider-afbeelding {
		background-color: black;
	}
	.Optionele-slider {
		height: 400px;
		object-fit: cover;
		width: 100%;
		opacity: 0.5;
	}
	 .optionele-slider-div {
		position: relative;
		margin-left: -15px;
		margin-right: -15px;
	}
	.optionele-slider-div .tekst-knoppen-div-optioneel {
		width: 95%;
		text-align: center;
		position: absolute;                                
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.optionele-titel { 
		font-size: 40px;
		color: white;
		font-weight: 600;
	}
	.optionele-tekst {
		font-size: 14px;
		color: white;
	}
	.knoppen-optioneel-div {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		gap: 20px;	
	}
	.optionele-knop {
		background-color: #E09900;
		color: white;
		border-radius: 6px;
		padding: 5px 20px;
		border: 1px solid #E09900;
		transition: 0.3s ease-in-out;
		font-size: 16px;
	}
	.optionele-knop:hover {
		background-color: white;
		color: #E09900;
		border-radius: 6px;
		padding: 5px 20px;
		border: 1px solid white;
		transition: 0.3s ease-in-out;
		font-size: 16px;
	}
	
	.Optionele-slider-2 {
		width: 100%;
	}
	.page-id-65770 .content-wrapper .row {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-id-65770 .kolom-2-lp {
		padding-top: 20px;
	}
}

/* Eind Landings Pagina */

/* Begin Tuinaanleg Maatwerk Montage */

/* Desktop */

@media only screen and (min-width: 1025px) {
	#TMM {
		margin-right: 0px;
    	margin-left: 0px;
	}
	
	.content-TMM {
		width: 65%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	
	.kolom-1-tmm {
		display: flex;
		padding: 32px 0px;
	}
	.kolom-1-subkolom-1-tmm {
		width: 65.667%;
		margin-right: 38px;
	}
	.kolom-1-subkolom-1-titel-tmm {
		font-size: 28px;
		color: #15ba2e;
	}
	.kolom-1-subkolom-1-tekst-tmm {
		font-size: 16px;
	}
	
	.kolom-1-subkolom-2-tmm {
		background-color: #15ba2e;
		padding: 40px;
		width: 31.3333%;
		max-height: 210px;
		color: white;
	}
	.kolom-1-subkolom-2-titel-tmm {
		font-size: 23px;
		color: white;
		margin: 0px;
		padding-bottom: 10px;
	}
	.telefoon-nummer-tmm {
		display: flex;
		gap: 5px;
		flex-direction: row;
		font-size: 16px;
	}
	
	.telefoon-nummer-tekst-1-tmm {
		font-weight: 600;
	}
	.telefoon-nummer-tekst-2-tmm {
		color: white;
	}
	.telefoon-nummer-tekst-2-tmm:hover {
		color: black;
	}
	.knop-1-div-tmm {
		
	}
	.knop-1-tmm {
		border: 1px solid white;
    	padding: 0.3em 1em 0.3em 1em;
		color: white;
    	background-color: #3c3c3b;
		font-size: 18px;
		border-radius: 3px;
		text-align: center;
	}
	.knop-1-tmm:hover{
		color: white;
    	background-color: #15ba2e;
	}
	
	.kolom-2-tmm {
		display: flex;
		padding: 32px 0px;
	}
	
	.kolom-2-subkolom-1-tmm {
		width: 48.5%;
		margin-right: 32px;
	}
	.kolom-2-subkolom-2-tmm {
		width: 48.5%;
	}
	.kolom-2-subkolom-2-tekst-tmm {
		font-size: 16px;
	}
	.kolom-2-groen-vak-tmm {
		background-color: #15ba2e;
		padding: 40px;
	}
	.kolom-2-groen-vak-titel-tmm {
		font-size: 24px;
		color: white;
	}
	.knop-2-tmm {
		border: 1px solid white;
    	padding: 0.3em 1em 0.3em 1em;
		color: white;
    	background-color: #3c3c3b;
		font-size: 18px;
		border-radius: 3px;
		text-align: center;
	}
	.knop-2-tmm:hover {
		color: white;
    	background-color: #15ba2e;
	}
	
	.kolom-3-tmm {
		padding: 32px 0px;
	}
	.kolom-3-items-tmm {
		display: flex;	
		flex-direction: row;
		justify-content: space-between;
	}
	.kolom-3-items-tmm ul {
		display: flex;
		flex-direction: column;
	}
	.kolom-3-tmm ul {
		padding-left: 18px;
	}
	.titel-hln {
		font-size: 35px !important;
		color: #15ba2e;
		margin-top: 0px;
	}
	.videos-1-hln-div,
	.instrutie-video-2-hln-div {
		display: flex;
		flex-direction: row;
		gap: 40px;
		padding-bottom: 20px;
	}
	.instrutie-video-hln,
	.instrutie-video-2-hln,
	.instrutie-video-3-hln {
		width: 50%;
	}
	.fitVids-wrapper {
		padding-bottom: 75% !important;
	}
	.extra-kolom-2-hln,
	.extra-kolom-4-hln {
		padding: 32px 0px;
	}
	.tekstgebied-hln-div {
		padding-bottom: 32px;
	}
	.page-id-13464 .content-TMM {
		width: 75%;
	}
}

/* Tablet */

@media only screen and (max-width: 1024px) and (min-width: 576px) {
	#TMM {
		margin-right: 0px;
    	margin-left: 0px;
	}
	.content-TMM {
		width: 90%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.kolom-1-tmm {
		padding: 32px 0px;
	}
	.kolom-1-subkolom-1-titel-tmm {
		font-size: 28px;
		color: #15ba2e;
	}
	.kolom-1-subkolom-1-tekst-tmm {
		font-size: 16px;
	}
	.kolom-1-subkolom-2-tmm {
		background-color: #15ba2e;
		padding: 40px;
		max-height: 210px;
		color: white;
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}
	.kolom-1-subkolom-2-titel-tmm {
		font-size: 23px;
		color: white;
		margin: 0px;
		padding-bottom: 10px;
	}
	.telefoon-nummer-tmm {
		display: flex;
		gap: 5px;
		flex-direction: row;
		font-size: 16px;
	}
	.telefoon-nummer-tekst-1-tmm {
		font-weight: 600;
	}
	.telefoon-nummer-tekst-2-tmm {
		color: white;
	}
	.telefoon-nummer-tekst-2-tmm:hover {
		color: black;
	}
	.knop-1-tmm {
		border: 1px solid white;
    	padding: 0.3em 1em 0.3em 1em;
		color: white;
    	background-color: #3c3c3b;
		font-size: 18px;
		border-radius: 3px;
		text-align: center;
	}
	.knop-1-tmm:hover{
		color: white;
    	background-color: #15ba2e;
	}
	.kolom-2-tmm {
		padding: 32px 0px;
	}
	.kolom-2-subkolom-1-img-tmm {
		padding-bottom: 25px;
		width: 100%;
		height: auto;
	}
	.kolom-2-subkolom-1-tmm {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	.kolom-2-subkolom-2-tekst-tmm {
		font-size: 16px;
	}
	.kolom-2-groen-vak-tmm {
		background-color: #15ba2e;
		padding: 40px;
		margin-right: auto;
    	margin-left: auto;
    	width: 70%;
	}
	.kolom-2-groen-vak-titel-tmm {
		font-size: 24px;
		color: white;
	}
	.knop-2-tmm {
		border: 1px solid white;
    	padding: 0.3em 1em 0.3em 1em;
		color: white;
    	background-color: #3c3c3b;
		font-size: 18px;
		border-radius: 3px;
	}
	.knop-2-tmm:hover {
		color: white;
    	background-color: #15ba2e;
	}
	.kolom-3-tmm {
		padding: 32px 0px;
	}
	.kolom-3-items-tmm {
		display: flex;	
		flex-direction: row;
		justify-content: space-between;
	}
	.kolom-3-items-tmm ul {
		display: flex;
		flex-direction: column;
	}
	.kolom-3-tmm ul {
		padding-left: 18px;
	}
	.titel-hln {
		font-size: 35px !important;
		color: #15ba2e;
		margin-top: 0px;
	}
	.videos-1-hln-div,
	.instrutie-video-2-hln-div {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding-bottom: 20px;
	}
	.extra-kolom-2-hln,
	.extra-kolom-4-hln {
		padding: 24px 0px;
	}
	.tekstgebied-hln-div {
		padding-bottom: 32px;
	}
	
	.page-id-13464 .kolom-1-subkolom-2-tmm {
		width: 80%;
		text-align: center;
	}
}


/* Mobile */

@media only screen and (max-width: 575px) { 
	#TMM {
		margin-right: 0px;
    	margin-left: 0px;
	}
	
	.content-TMM {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.kolom-1-tmm {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding: 28px 5px;
	}
	.kolom-1-subkolom-1-tmm {
		
	}
	.kolom-1-subkolom-1-titel-tmm {
		font-size: 28px;
		color: #15ba2e;
	}
	.kolom-1-subkolom-1-tekst-tmm {
		font-size: 16px;
	}
	
	.kolom-1-subkolom-2-tmm {
		background-color: #15ba2e;
		padding: 40px;
/* 		max-height: 210px; */
		color: white;
	}
	.kolom-1-subkolom-2-titel-tmm {
		font-size: 23px;
		color: white;
		margin: 0px;
		padding-bottom: 10px;
	}
	.telefoon-nummer-tmm {
		display: flex;
		gap: 5px;
		flex-direction: row;
		font-size: 16px;
	}
	
	.telefoon-nummer-tekst-1-tmm {
		font-weight: 600;
	}
	.telefoon-nummer-tekst-2-tmm {
		color: white;
	}
	.telefoon-nummer-tekst-2-tmm:hover {
		color: black;
	}
	.knop-1-div-tmm {
		
	}
	.knop-1-tmm {
		border: 1px solid white;
    	padding: 0.3em 1em 0.3em 1em;
		color: white;
    	background-color: #3c3c3b;
		font-size: 18px;
		border-radius: 3px;
		text-align: center;
	}
	.knop-1-tmm:hover{
		color: white;
    	background-color: #15ba2e;
	}
	
	.kolom-2-tmm {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding: 28px 5px;
	}
	
	.kolom-2-subkolom-1-img-tmm {
		padding-bottom: 15px;
		width: 90%;
	}
	.kolom-2-subkolom-2-tekst-tmm {
		font-size: 16px;
	}
	.kolom-2-groen-vak-tmm {
		background-color: #15ba2e;
		padding: 40px;
	}
	.kolom-2-groen-vak-titel-tmm {
		font-size: 24px;
		color: white;
		text-align: center;
		display: inline-block;
		margin: 0px;
	}
	.knop-2-tmm {
		border: 1px solid white;
    	padding: 0.3em 1em 0.3em 1em;
		color: white;
    	background-color: #3c3c3b;
		font-size: 18px;
		border-radius: 3px;
		text-align: center;
		display: inline-block;
	}
	.knop-2-tmm:hover {
		color: white;
    	background-color: #15ba2e;
		display: inline-block;
	}
	
	.kolom-3-tmm {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding: 28px 5px;
	}
	.kolom-3-items-tmm {
		display: flex;	
		flex-direction: column;
	}
	.kolom-3-items-tmm ul {
		display: flex;
		flex-direction: column;
		margin: 0px;
	}
	.kolom-3-tmm ul {
		padding-left: 18px;
	}
	.titel-hln {
		font-size: 34px !important;
		color: #15ba2e;
	}
	.videos-1-hln-div,
	.instrutie-video-2-hln-div {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding-bottom: 20px;
	}
	.fitVids-wrapper {
		padding-bottom: 56.25% !important;
	}
	.extra-kolom-2-hln {
		padding: 24px 0px;
	}
	.tekstgebied-hln-div {
		padding-bottom: 32px;
	}
	.page-id-13464 .kolom-1-subkolom-2-tmm {
		width: 100%;
	}
	.page-id-13464  .knop-1-tmm {
		display: block;
	}
}
/* Eind Tuinaanleg Maatwerk Montage */

/* Begin Duits Frans Template */

/* Desktop */

@media only screen and (min-width: 1025px) {
	#DF {
		margin-right: 0px;
    	margin-left: 0px;	
	}
	.content-DF {
		width: 65%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.df-titel {
		font-size: 28px;
		color: #15ba2e;
	}
}


/* Tablet */

@media only screen and (max-width: 1024px) and (min-width: 576px) {
	#DF {
		margin-right: 0px;
    	margin-left: 0px;	
	}
	.content-DF {
		width: 75%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.df-titel {
		font-size: 28px;
		color: #15ba2e;
	}
}

/* Mobile */

@media only screen and (max-width: 575px) { 
	#DF {
		margin-right: 0px;
    	margin-left: 0px;	
	}
	.content-DF {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.df-titel {
		font-size: 28px;
		color: #15ba2e;
	}
}
/* Eind Duits Frans Template */

/* Begin Gallerij template */

.page-template-page-templatesGalerij-template-php .pswp__icn {
		visibility: visible;
	}

/* Desktop */

@media only screen and (min-width: 1025px) {
	#gallerij {
		margin-right: 15px;
    	margin-left: 15px;
	}
	.content-gallerij {
		width: 80%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.g-titel-tekst-div {
		width: 80%; 
		margin-right: auto;
    	margin-left: auto;
		padding-left: 15px;
	}
	.g-titel {
		font-size: 40px;
		color: #15ba2e;
	}
	.g-tekst {
		font-size: 30px;
		color: #15ba2e;
	}
	.gallerij-foto-div {
		width: 80%; 
		margin-right: auto;
    	margin-left: auto;
		padding: 50px 0px;
	}
	.foto-gallerij {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
    	justify-content: space-around;
	}
	.link-foto-gallerij {
		width: 30%;	
	}
	.gallerij-foto {
		width: 100%;
		object-fit: cover;
		max-height: 300px;
		min-height: 300px;
		padding: 20px 0px;
	}
	.tekst-gallerij-div {
		width: 60%; 
		margin-right: auto;
    	margin-left: auto;
		padding-left: 15px;
		color: #15ba2e;
	}
	.tekst-gallerij-div a {
		color: #15ba2e;
		font-size: 25px;
	}
	.tekst-gallerij-div h3 {
		color: #15ba2e;
		font-size: 25px;
	}

	.tekst-gallerij {
		font-size: 26px;
	}
}

/* Tablet */

@media only screen and (max-width: 1024px) and (min-width: 576px) {
	#gallerij {
		margin-right: 15px;
    	margin-left: 15px;
	}
	.content-gallerij {
		width: 90%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.g-titel-tekst-div {
		width: 90%; 
		margin-right: auto;
    	margin-left: auto;
		padding-left: 15px;
		text-align: center;
	}
	.g-titel {
		font-size: 40px;
		color: #15ba2e;
	}
	.g-tekst {
		font-size: 30px;
		color: #15ba2e;
	}
	.gallerij-foto-div {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding: 45px 0px;
	}
	.foto-gallerij {
		display: flex;
		gap: 10px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.link-foto-gallerij {
		width: 48%;
	}
	.gallerij-foto {
		width: 100%;
		max-height: 300px;
		min-height: 300px;
		object-fit: cover;
		padding-bottom: 18px;
	}
	
	.tekst-gallerij-div h3 {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		color: #15ba2e;
	}
	.tekst-gallerij-div a {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		color: #15ba2e;
	}
	.tekst-gallerij {
		font-size: 26px;
	}
}

/* Mobile */

@media only screen and (max-width: 575px) {  
	.page-template-page-templatesGalerij-template-php .content-wrapper .row {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	#gallerij {
		margin-right: 15px;
    	margin-left: 15px;
	}
	.content-gallerij {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.g-titel-tekst-div {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		text-align: center;
	}
	.g-titel {
		font-size: 27px;
		color: #15ba2e;
	}
	.g-tekst {
		font-size: 30px;
		color: #15ba2e;
	}
	.gallerij-foto-div {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		padding: 30px 0px;
	}
	.foto-gallerij {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
    	flex-direction: column;
    	align-items: center;
    	align-content: center;
	}
	.link-foto-gallerij {
		width: 75%;
	}
	.gallerij-foto {
		width: 100%;
		max-height: 300px;
		object-fit: cover;
		padding: 20px 0px;
	}
	.tekst-gallerij-div h3  {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		font-size: 20px;
		color: #15ba2e;
	}
	.tekst-gallerij-div a:hover {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		font-size: 20px;
		color: black;
	}
	.tekst-gallerij-div a {
		width: 100%; 
		margin-right: auto;
    	margin-left: auto;
		font-size: 20px;
		color: #15ba2e;
		font-weight: 600;
	}
	.tekst-gallerij {
		font-size: 20px;
		color: #15ba2e;
	}
}

/* Eind Gallerij Template */

/* haal border weg bij beschrijving van producten pagina*/
.properties-row .properties-label {
	border: 0;
	text-align: left;
}

/* popup formulier centreren (nieuwsbrief) */
.pum-content #mc-embedded-subscribe-form {
	margin: 0 auto;
	display: table;
}

@media only screen and (max-width: 500px) {
	#mce-EMAIL, #mce-FNAME {
		max-width: 250px !important;
	}
	
	#mc-embedded-subscribe {
		max-width: 250px; 
		width: 100% !important;
	}
	
	.mc-field-group {
		text-align: left;
	}
}

.additional_information_tab {
	scroll-margin-top: 220px;
}

.descriptionLink {
	color: #47C01C;
}

.images-div {
	float: left; 
	width: 48%;
	position: relative; 
	z-index: 100;
}

@media only screen and (max-width: 750px)  {
	.images-div {
		width: 100%;
	}
}

.woocommerce-product-gallery {
	width: 100% !important;
}

.product_cat-blokhutten-tuinhuisjes-blokhutten .blokhutten-div-information {
	display: unset !important;
}


.woocommerce-tabs, #primary .related {
	max-width: 1600px; 
	width: 100%;
	margin: 0 auto;
	padding: 0px 5px;
}

.sydney-single-addtocart-wrapper {
	display: flex;
}

.product_cat-blokhutten-tuinhuisjes-blokhutten .images-div .woocommerce-tabs {
	display: unset !important;
}

.product_parent_cat_tuinhuisjes-blokhutten .woocommerce-tabs {
	display: none;
}

.sydney-single-addtocart-wrapper {
	margin-bottom: 30px;
}

#primary .related {
	padding: 50px 30px !important;
}

.wc-tabs {
	list-style: none;
	padding-left: 0px;
	display: flex;
}

#openModal {
	position: relative;
	z-index: 100;
}

#achor {
	scroll-margin-top: 170px;
}

.product_parent_cat_tuinhuisjes-blokhutten #achor {
	scroll-margin-top: 4600px;
}

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

.icon_header_search5 {
	height: 52px!important;
}

/* BEGIN: HEADER 5 BUTTONS */
@media screen and (min-width: 768px) and (max-width: 1600px) {
	#icons_header_column {
		float: right;
		width: 300px!important;
		margin-top: 0px;
	}
	.icon_header_search5 {
		margin-top: 10px;
	}
}

@media (min-width: 768px) and (max-width: 1052px) {
	.icon_header_search1, .icon_header_search5 {
		display: none;
	}
	
	#icons_header_column {
		width: 250px!important;
	}
	
	.winkel_count {
		margin-left: 160px!important;
	}
}

@media (min-width: 1297px) and (max-width: 1600px) {
	#icons_header_column {
		margin-top: -50px;
	}
}
/* END: HEADER 5 BUTTONS */
@media (max-width: 500px) {
	.page-id-13461 .hero-image {
		height: 200px;
	}
	
	.page-id-13461 .informatie_div {
		margin-top: 50px;
	}
}

.melding-website {
	background-color: #F19015;
}

.melding-website-inhoud {
	text-align: center;
	padding: 10px;
	color: white;
}


.single-product form textarea, .single-product form textarea span {
	width: 100%;
}

.single-product form label {
	width: 100%;
    padding: 0 30px;
    border-radius: 10px !important;
}

/* fixes on product detail pages Poorten */
@media screen and (max-width: 768px) {
	.product_parent_cat_poorten .variations {
		margin-left: -15px;
	}
	
	.product_parent_cat_poorten .variations select {
		width: 100% !important;
	}
}

/* Oranje melding */
.melding-website {
	position: relative;
    top: 70px;
    z-index: 10;
}

.home .melding-website {
	position: relative;
    top: unset !important;
    z-index: 10;
}

.single-product form label,
.woocommerce div.product form.cart .variations .label {
	padding-left: 0px;
}

#button-draairichting-div {
	width: 110px !important;
	text-align: right;
	margin-top: 0px !important;
	left: unset !important;
	right: unset !important;
}

.product_parent_cat_poorten .variations {
	margin-top: 0px !important;
}

@media (max-width: 769px) {
	#button-draairichting-div {
		width: 110px !important;
	}
	
	.single-product form label, .woocommerce div.product form.cart .variations .label {
		padding-left: 10px;
	}
}

@media (max-width: 1024px) {
	.melding-website {
		top: 28px;
	}
}

.woocommerce-variation-price {
	margin-bottom: 15px;
}


.single_variation_wrap .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
	    display: flex
;
    flex-direction: column-reverse;
}

.product-type-variable .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled  {
	flex-direction: column;
}

.product-type-variable .woocommerce-variation-price {
	margin-bottom: 0px;
}

.single-product .product-notes-panel {
	border: unset !important;
    border-top: 0 unset !important; 
    border-radius: unset !important;
    padding: unset !important; 
    margin-top: 5px;
}



/* vanaf hier komt een stuk voor maatwerk poorten / landingspagina v2 */

.lmp-section {
    padding: 40px 20px;
}

@media (max-width: 768px){
	.lmp-section {
    	padding: 10px 20px;
	}
	.lmp-section .woocommerce ul.products{
		margin: 0;
	}
	.lmp-section .woocommerce ul.products li.product{
		margin-bottom: 40px !important;
	}
	
}

.lmp-text h2,
.lmp-image-text h2 {
    font-size: 32px;
    margin-bottom: 20px;
}

.wysiwyg {
    font-size: 18px;
    line-height: 1.6;
}

/* Layout met afbeelding */
.lmp-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}

.lmp-text-col,
.lmp-image-col {
    flex: 1;
}

.lmp-image-col img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* Swap functionaliteit */
.lmp-image-text.swap .lmp-wrapper {
    flex-direction: row-reverse;
}

/* Responsive */
@media (max-width: 768px) {
    .lmp-wrapper {
        flex-direction: column;
    }

    .lmp-image-text.swap .lmp-wrapper {
        flex-direction: column;
    }
}

.page-template-landings-pagina-v2 .container {
	max-width: 1200px;
}

.usp-landingspagina-v2{
	    width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        justify-content: space-between;
        padding: 20px;
}
@media (max-width: 768px){
	.usp-landingspagina-v2{
		display: flex;
		flex-direction:column;

	}
}
.lmp-cf7-wrapper {
    display: flex;
    gap: 40px;
}

.lmp-cf7-links,
.lmp-cf7-rechts {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.lmp-cf7-links label,
.lmp-cf7-rechts label {
    display: flex;
    flex-direction: column;
}

.lmp-cf7-links input,
.lmp-cf7-rechts input,
.lmp-cf7-rechts textarea {
    width: 100%;
}

.lmp-cf7-rechts textarea {
    flex: 1;
    min-height: 150px;
	height: 350px;
}

@media (max-width: 768px) {
    .lmp-cf7-wrapper {
        flex-direction: column;
    }
}

.lmp-cf7-rechts label {
    margin: 0;
    padding: 0;
}

.lmp-cf7-rechts br {
    display: none;
}

.lmp-cf7-rechts br,
.lmp-cf7-wrapper br {
	padding-bottom: 40px;
}


.lmp-cf7-rechts .wpcf7-form-control-wrap {
    position: relative;
    padding-bottom: 40px;
}


.sumbit-btn-lv2 .wpcf7-submit{
	margin-bottom: 100px;
	font-size: 20px;
}

.bestand-text-lmp-contactform{
	display: flex;
    align-items: flex-start;
}

.page-template-landings-pagina-v2  .titel_in_slider{
		top: 60%;
}


.page-template-landings-pagina-v2 .wpcf7-form{
    padding: 40px 20px;
}

@media (max-width:600px){
	.page-template-landings-pagina-v2  .titel_in_slider{
		top: 55%;
	}
}

.term-15812 #primary {
	width: 100% !important;
}

/* ===========================
   KORTINGSBANNER HOMEPAGE
   =========================== */

.kortingsbanner-sectie {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin: 40px 0;
    min-height: 220px;
    display: flex;
    align-items: center;
}

.kortingsbanner-achtergrond {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.kortingsbanner-foto {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.kortingsbanner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(71,192,28,0.97) 0%,
        rgba(71,192,28,0.92) 40%,
        rgba(71,192,28,0.55) 70%,
        rgba(71,192,28,0.00) 100%
    );
}

.kortingsbanner-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 36px 40px;
    width: 65%;
    max-width: 700px;
}

.kortingsbanner-icoon {
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #F19015;
    border: 3px solid rgba(255,255,255,0.35);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kortingsbanner-percentage {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.kortingsbanner-label {
    font-size: 11px;
    color: rgba(255,255,255,0.9);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.kortingsbanner-eyebrow {
    margin: 0 0 6px;
    font-size: 11px;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.kortingsbanner-titel {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}

.kortingsbanner-body {
    margin: 0 0 20px;
    font-size: 15px;
    color: rgba(255,255,255,0.88);
    line-height: 1.6;
}

.kortingsbanner-knop {
    display: inline-block;
    background: #fff;
    color: #47C01C;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: 3px;
    text-decoration: none;
    border: 2px solid #fff;
    transition: background 0.2s, color 0.2s;
}

.kortingsbanner-knop:hover {
    background: transparent;
    color: #fff;
}

@media (max-width: 768px) {
    .kortingsbanner-overlay {
        background: rgba(71,192,28,0.93);
    }

    .kortingsbanner-inner {
        flex-direction: column;
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding: 36px 24px;
    }

    .kortingsbanner-knop {
        width: 100%;
        text-align: center;
    }
}

.shfb-column.shfb-column-1 {
    display: none;
}

.shfb-column.shfb-column-2 {
	justify-content: flex-start !important;
	width: 100%;
    max-width: 100%;
}

.shfb-row.shfb-cols-2.shfb-cols-layout-equal-desktop.shfb-cols-layout-equal-tablet {
	display: unset !important;
		    position: relative;
    top: 36px;
}

.admin-bar .site {
	min-height: 0px !important;
}

.shfb-builder-item.shfb-component-menu {
	width: 100%; 
}

div#myModal {
	display: none;
}

section.related.products ul {
	display: flex;
}

header.shfb.shfb-header.shfb-desktop {
	    position: relative;
    top: 91px;
    margin-bottom: 91px;
}