/* Language-switcher (and styling of surrounding elements) */

:root {
	--wf-red: #FF2702;
	--wf-green: #26bf40;
	--wf-orange: #FFA500;
	--grey-medium: #ccc;
	--grey-light-1: #f5f9fa;
}

html {
	@media only screen and (max-width: 767px) { 
		margin-top: 0 !important;
	}
}

body, .blog_header {
	@media only screen and (max-width: 767px) { 
		margin-top: 70px;
	}
}

body.woocommerce-dashboard {
	@media only screen and (max-width: 767px) { 
		margin-top: 100px;
	}
}

body.admin-bar .header_container {
	top: 0;
}

body.woocommerce.ecom_header {
	@media only screen and (max-width: 1200px) { 
		margin-top: 90px;
	}
}

#wpadminbar {
	@media only screen and (max-width: 767px) { 
		display: none;
	}
}

body {
	.breadcrumbs-container {
		line-height: 1.5;
		@media only screen and (max-width: 1200px) {
			margin-top: 90px;
		}
		@media only screen and (max-width: 767px) {
			padding-left: 16px !important;
			font-size: 12px;
			margin-top: 90px !important;
		}
	}
}


.container-fluid.page-content {
	> .woocommerce {
		@media only screen and (max-width: 767px) { 
			margin-top: 70px;
		}
	}
}

/* Design for language switcher */
.langselector1 {
	float: right;
	margin: 0 24px 0 40px;
	position: relative;
	cursor: pointer;
	user-select: none;
}
.langselector1 span {
	font-weight: bold;
}
.langselector1 ul {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	right: -38px;
	background-color: #fff;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	padding: 24px 16px;
	z-index: 999;
	color: #293133;
	width: 170px
}
.langselector1 ul li {
	border-radius: 6px;
	margin: 4px 0;
	white-space: nowrap
}
.langselector1 ul li.wpml-ls-current-language {
	background-color: #ccfaeb;
	pointer-events: none
}
.langselector1 ul li.wpml-ls-current-language a {
	color: #009e6c
}
.langselector1 ul li a {
	color: #293133;
	padding: 0 16px;
	line-height: 40px;
	display: block;
	max-height: 40px
}
.langselector1 ul li a:hover {
	text-decoration: none
}
.langselector1 ul .wpml-ls-menu-item a:hover:before {
    display: none;
}
.langselector1 ul li:hover {
	background-color: #f2f5f7
}
.langselector1.active ul {
	display: block;
	pointer-events: all
}
.langselector1 ul:before {
	content: "";
	position: absolute;
	width: 50%;
	left: 25%;
	height: 6px;
	top: 0;
	border-radius: 0 0 4px 4px;
	background-color: #f68f31
}
.langselector1 .wpml-ls-menu-item .wpml-ls-flag {
	display: inline;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	border: 2px solid;
	object-fit: cover
}
.langselector1:after {
	content: "\f078";
	position: absolute;
	right: -15px;
	top: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #31c8f6;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 2px 0 0 5px
}
.langselector1 .vlag {
	display: inline;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	padding: 2px;
	border-radius: 100%;
	border: 2px solid;
	object-fit: cover
}
.langselector1 ul .wpml-ls-menu-item a:before {
    display: none;
}
.menu_bar .header_profile i, .menu_bar .header_cart i {
	margin-left: 16px;
}
.menu_bar .header_profile, .menu_bar .header_cart {
	line-height: 86px;
}
.menu_bar .header_cart {
	padding-right: 16px;
}
.menu_bar .header_cart .bcount {
	right: 4px;
}
.top_bar {
	padding-right: 15px;
	@media only screen and (max-width: 768px) {
		display: block !important;
		height: auto !important;
	}

	@keyframes scroll {
		0% { transform: translateX(0); }
		100% { transform: translateX(-50%); }
	}

	@media only screen and (max-width: 768px) {
		visibility: visible;
		height: auto;
		padding-right: 0;
	}

	.container-fluid {
		padding-right: 0;
		@media only screen and (max-width: 768px) {
			padding: 0;
			margin: 0;
			width: 100%;
			display: flex;
			transition: transform 1s ease-in-out;
			will-change: transform;
		}

		div {
			@media only screen and (max-width: 768px) {
				min-width: 100%;
				color: white;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0;
				margin: 0;
			}
			
			i {
				@media only screen and (max-width: 768px) {
					margin-right: 6px;
				}
			}

			span {
				@media only screen and (max-width: 768px) {
					margin-left: 6px;
					color: #fff !important;
				}
			}
		}
	}
}
.top_bar .top_bar_socials {
	padding: 0 0 0 20px;
	margin-right: -6px;
}
.menu_bar {
	@media only screen and (max-width: 767px) { 
		padding: 0;
	}
	
	&.scrolled {
		@media only screen and (max-width: 767px) { 
			padding: 0;
		}
	}

	.header_cart, .header_profile {
		@media only screen and (max-width: 767px) { 
			height: 70px;
		}
	}

	.logo {
		img {
			display: block;
		}
	}

	.search {
		max-width: 180px;
		
		input {
			border: 1px solid var(--grey-medium);

			@media only screen and (max-width: 664px) { 
				border: none;
			}
		}
		
		&.active {
			input {
				border: 1px solid var(--grey-medium) !important;
			}
		}
		
		i {
			height: 52px;
			line-height: 52px;
		}
	}
}
.main_menu_wrapper {
	&.active {
		top: 70px !important;
	}
}
@media(min-width:1240px) {
	#menu-main-engels > li:not(.actie_knop) > a {
		padding: 0 10px;
	}
}
@media only screen and (max-width: 1350px) and (min-width: 1240px) {
	.main_menu_wrapper {
		padding-left: 30px;
	}
	#menu-main-menu > li:not(.actie_knop) > a {
		padding: 0 10px;
	}
	#menu-main-engels > li:not(.actie_knop) > a {
		padding: 0 8px;
	}
	.menu_bar .search {
		width: 170px;
	}
}
@media(max-width:1240px) {
	.langselector1-desktop {
		display: none;
		float: none;
		margin: 0;
	}
	.langselector1-desktop.visible {
		display: block;
	}
	.langselector1-desktop > .vlag {
		display: none !important
	}
	.langselector1-desktop > span {
		font-size: 1px !important;
		color: #fff;
		opacity: 0
	}
	.langselector1-desktop:after {
		display: none;
	}
	.langselector1-desktop ul {
		display: none;
		position: static;
		top: auto;
		right: auto;
		background-color: #fff;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
		z-index: 999;
		color: #293133;
		width: auto;
	}
	.langselector1-desktop ul:before {
		display: none;
	}
	.langselector1>ul {
		display: block;
		margin-top: -40px
	}
	.menu_bar .header_profile i, .menu_bar .header_cart i {
		margin-left: 32px;
	}
}
@media(max-width:664px) {
	.menu_bar .header_profile i, .menu_bar .header_cart i {
		margin-left: 16px;
	}
	.menu_bar .header_profile, .menu_bar .header_cart {
		line-height: 80px;
	}
}
.langselector1-mobile {
	display: block;
	width: 60px;
	margin: 0 auto;
	float: none;
}
.langselector1-mobile > ul {
	display: none;
}
.langselector1-mobile .vlag {
    position: relative;
	top: 4px;
	width: 20px;
	height: 20px;
	padding: 1px;
	float: left;
	margin-right: 4px;
	background-color: #fff;
}
.langselector1-mobile span {
    position: relative;
	top: -2px;
	font-size: 18px;
	line-height: 1;
}
.langselector1-mobile:after {
	top: 0;
	left: 30px;
	right: auto;
	line-height: 1;
	font-size: 11px;
	transform: scaleY(-1);
	color: #fff;
}
.langselector1-mobile ul {
	top: auto;
	right: auto;
	bottom: calc(100% + 4px);
	padding: 26px 16px 20px 16px;
}
.langselector1-mobile ul .wpml-ls-menu-item a {
    display: flex;
    padding: 12px 16px;
	text-align: left;
}
.langselector1-mobile ul .wpml-ls-menu-item a span {
	top: 0;
	font-size: 16px;
}

/* Layout improvement of header at checkout page */
.woocommerce-checkout, .woocommerce-cart {
	.mobile_menu_header {
		margin-left: 24px;
		margin-right: 24px;
	}
}



/* Product page - Add to cart button */
@media only screen and (max-width: 450px) { 
	.woocommerce div.product form.cart .button {
		font-size: 15px !important;
		white-space: nowrap;
	}
}

/* Product page - Price CSS - */
.single-product .entry-summary .woocommerce-variation .woocommerce-Price-amount {
  font-size: 20px !important;
  line-height: 28px !important;
  float: none !important;
  color: #41434d !important;
  font-weight: bold !important;
  margin: 30px 0 15px 0;
}

/* Cart page - Hide cross sells */
.woocommerce-cart .cart-collaterals .cross-sells {
	display: none;
}

/* New Brand style 2024 */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-family: 'Changa',sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	color: #FF2702;
}
h2, .h2 {
	font-size: 25px;
	line-height: calc(25px + 6px);
}
h3, .h3 {
	font-size: 22px;
	line-height: calc(22px + 4px);
}
h4, .h4 {
	font-size: 19px;
	line-height: calc(19px + 4px);
}
.main_footer a:hover {
	color: #FF2702 !important;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item>.mini-cart-content h3 {
	line-height: calc(24px + 6px);
}
.btn.main, .wp-block-button .wp-block-button__link,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit,
.woocommerce-button {
	background-color: #FFA500;
    border: 1px solid #FFA500;
}
li.product:before, .wc-block-grid__product-image:before {
	background-color: #FF2702;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	border-bottom: 4px solid #FF2702;
}
.lees_verder:before, .woocommerce-privacy-policy-link:before {
	display: none;
}
a:not([class]), .lees_verder, .woocommerce-privacy-policy-link, .showcoupon {
	color: #0000EE;
	font-weight: normal;
}
a:not([class]):hover, .lees_verder:hover, .woocommerce-privacy-policy-link:hover, .showcoupon:hover {
	font-weight: normal;
}
.so_content_tab .toggle_content_tab {
	color: #FF2702;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul>li.is-active,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul>li:hover {
	background-color: #FF2702;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:before {
	color: #FF2702;
}
.top_bar a {
	color: #fff;
}
.langselector1:after {
	color: #FF2702;
}
.menu_bar .header_profile i, .menu_bar .header_cart i {
	color: #FF2702;
}
.top_bar i {
	color: #FF2702;
}
.main_footer .social_icons a {
	background-color: #FF2702;
}
.home_intro_bg_4.secundaire {
	background-color: #FF2702;
}
a:not([class]):hover:before, lees_verder:hover:before, .woocommerce-privacy-policy-link:before, .showcoupon:before {
	background-color: #0000EE;
}
.blog_filters a.active:after {
	background-color: #FF2702;
}
.blog_filters a.active {
	color: #FF2702;
}
input[type='password']:focus, input[type='text']:focus, input[type='email']:focus, textarea:focus, input[type='file']:focus, input[type='email']:focus, input[type='number']:focus, input[type='url']:focus, input[type='time']:focus, input[type='date']:focus, input[type='tel']:focus, select:focus {
	border-color: #FF2702;
}
.main_footer .social_icons a:hover {
	color: #fff !important;
}
.team_blok:after {
	background-color: #FF2702;
}
.home_intro_bg_4.secundaire {
	opacity: 1;
}
/*a:not([class]):before, .lees_verder:before, .woocommerce-privacy-policy-link:before, .showcoupon:before {
	display: none;
}
aside.widget.woocommerce ul.woocommerce-widget-layered-nav-list li a:before {
display: inline;
}*/
.woocommerce div.product div.images ol.flex-control-thumbs img {
	@media only screen and (max-width: 768px) {
		width: 40px !important;
		height: 40px;
	}

	&.flex-active {
		border-color: #ff2702;
	}
}
.autograph .wrapper-anchor-img:before {
	display: none;
}
.autograph .contact-data a span {
	font-size: 15px;
}
.autograph .row-title td {
	padding-bottom: 18px;
}
.autograph .td-1 {
	padding-top: 18px;
}
.autograph .td-1 {
	padding-top: 18px;
}
.autograph .row-contact-data td {
	padding: 0;
}
.autograph .row-contact-data > td {
	padding: 18px 0;
}
.autograph .td-avatar {
	min-width: 90px;
}
.autograph .td-avatar img {
	width: 100%;
	height: auto;
}
.woocommerce-page .product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before {
	background-color: #ff2702;
}
.woocommerce table.shop_table .woocommerce-cart-form__cart-item .product-name {
	color: #ff2702 !important;
}
.woocommerce table.shop_table .woocommerce-cart-form__cart-item .product-subtotal bdi {
	color: #ff2702 !important;
}
.woocommerce-checkout-payment label {
	color: #ff2702;
}
.woocommerce-checkout-payment .wc_payment_methods label:before {
	border-color: #ff2702;
}
.woocommerce-checkout-payment .wc_payment_methods .input-radio:checked ~ label:before {
	border-color: #ff2702;
	background-color: #ff2702;
}
.woocommerce-privacy-policy-text a {
	color: #0000EE;
}
.woocommerce-cart .shipping-calculator-button {
	color: #0000EE;
}
.wp-block-quote:not(.is-style-large) p:before {
	background-color: #ff2702;
}
.wp-block-quote:not(.is-style-large) p {
	color: #ff2702;
}

.blog_uitgelicht_slider .blogitem.slick-slide {
	visibility: visible !important;
}
.blog_uitgelicht_slider .background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blog_uitgelicht_slider .background-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.blog_uitgelicht_slider {
	h3 {
		height: 3em;
	}
}

.menu_bar {
	.menu {
		> li:not(.actie_knop) {
			> a {
				line-height: 42px;
			}
		}

		> .webshop {
			@media only screen and (max-width: 1240px) {
				margin-top: 16px;
			}

			a {
				border: 2px solid var(--wf-red);
				color: var(--wf-red) !important;
				@media only screen and (max-width: 1240px) {
					padding-left: 20px;
					padding-right: 20px;
				}
			}
		}
	}
}


@media only screen and (min-width: 1240px) {
	.menu a:hover {
		color: #FF2702;
	}
	.menu>li.menu-item-has-children.mega>.sub-menu{
		top: calc(100% - 17px);
	}
	.megaopen li.menu-item-has-children.mega:hover>a {
		color: #FF2702;
	}
	.menu>li.menu-item-has-children>a:after {
		color: #FF2702;
	}
	.megaopen li.menu-item-has-children.mega:hover>a:after {
		color: #FF2702;
	}
	.menu>li.menu-item-has-children>.sub-menu:before {
		background-color: #FF2702;
	}
	.menu a {
		color: #16171a;
	}
}
@media only screen and (max-width: 1240px) { 
	.mobile-menu {
		background-color: #FF2702;
	}
	.mobile_menu_header i:hover {
		color: #FF2702;
	}
	ul.menu>li.menu-item-has-children:after {
		color: #FF2702;
	}
	ul.menu>li.menu-item-has-children>ul>li.menu-item-has-children:after {
		color: #FF2702;
	}
	.top_bar_socials .social_icons a {
		background-color: #FF2702;
	}
	.top_bar_tijden span {
		color: #FF2702 !important;
	}
}
@media only screen and (max-width: 1024px) { 
	.autograph .contact-data a span {
		font-size: 12px;
	}
	.autograph .row-title td {
		padding-bottom: 8px;
	}
	.autograph .row-contact-data > td {
		padding: 10px 0;
	}
}
@media only screen and (max-width: 767px) { 
	.autograph .row-title td {
		padding-bottom: 18px;
	}
	.autograph .row-contact-data > td {
		padding: 18px 0;
	}
	.autograph .contact-data a span {
		font-size: 15px;
	}
}
@media only screen and (max-width: 664px) { 
	.menu_bar .search i {
		color: #FF2702;
	}
}
@media only screen and (max-width: 450px) { 
	.autograph .row-title td {
		padding-bottom: 8px;
	}
	.autograph .row-contact-data > td {
		padding: 10px 0;
	}
	.autograph .contact-data a span {
		font-size: 12px;
	}
}
@media only screen and (max-width: 400px) { 
	h1 {
		font-size: 38px !important;
		line-height: 43px !important;
	}
}


/* Highlighting the parent menu-items in the main-menu */
.menu_bar .main_menu_wrapper .menu-item.current_page_parent > a, 
.menu_bar .main_menu_wrapper .menu-item.current-menu-item > a,
.menu_bar .main_menu_wrapper .menu-item.current-page-parent:not(.current-page-ancestor) > a,
.menu_bar .main_menu_wrapper .menu-item.current-menu-ancestor > a,
.single-post .menu_bar .main_menu_wrapper .menu-item.blog-oversight > a,
.single-ca_cpt_team .menu_bar .main_menu_wrapper .menu-item.team-oversight > a,
.tax-product_cat .menu_bar .main_menu_wrapper .menu-item.webshop > a,
.woomenu .menu-item.current-menu-item > a {
	color: #FF2702 !important;
	font-weight: bold !important;
}

/* Product page product photos Redesign 2024 */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width: 40%;
}
.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: 60%;
	padding-left: 100px;
}
.product .wrapper-title-mobile {
	display: none;
}
.woocommerce div.product div.woocommerce-product-gallery {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.product .woocommerce-product-gallery .flex-viewport {
	max-width: 100% !important;
	margin-bottom: 20px;
}
.woocommerce div.product div.woocommerce-product-gallery .flex-control-nav {
	width: 100%;
	padding: 0 20px 20px 20px;
	display: flex;
	direction: ltr;
	gap: 16px;
	overflow-x: auto;
	@media only screen and (max-width: 767px) {
		gap: 12px;
		padding: 0 20px 10px 20px;
	}
}
.woocommerce div.product div.woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar-track {
	background: auto;
}
.woocommerce div.product div.woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar {
	height: 6px;
}
.woocommerce div.product div.woocommerce-product-gallery .flex-control-nav li {
	flex: 0 0 25%;
	box-shadow: none;
	border: 1px solid #e3e3e3;
	padding: 5px !important;
	@media only screen and (max-width: 767px) {
		flex: 0 0 40px;
		padding: 3px !important;
		margin-bottom: 0 !important;
	}
}
.woocommerce div.product div.woocommerce-product-gallery ul.flex-direction-nav {
	width: 100%;
	padding: 15px;
	top: 36%;
	pointer-events: none;
}
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-prev .flex-prev,
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-next .flex-next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
    height: 40px;
    border-radius: 200px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	pointer-events: auto;
}
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-prev .flex-prev:hover,
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-next .flex-next:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-prev .flex-prev:before,
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-next .flex-next:after {
	margin: 0;
	color: #FF2702;
}
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-prev .flex-prev:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
}
.woocommerce div.product div.woocommerce-product-gallery .flex-direction-nav .flex-nav-next .flex-next:after {
	margin-left: 2px;
	content: "\f054";
	font-family: "Font Awesome 5 Free";
}
.product .woocommerce-product-gallery .wpcpv-item-video {
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 200px;
	background-color: #d2212e99;
}
.product .woocommerce-product-gallery .wpcpv-item-video:before {
	font-size: 64px;
	width: 50px;
	height: 50px;
	line-height: 90px;
}

.woocommerce {
	.product {
		.wrapper-title-mobile {
			h1 {
				@media only screen and (max-width: 767px) { 
					font-size: 24px !important;
					line-height: 1.1 !important;
				}
			}
		}

		h2 {
			@media only screen and (max-width: 767px) { 
				font-size: 22px !important;
				line-height: 1.1 !important;
			}
		}

		.summary {
			> .price {
				@media only screen and (max-width: 767px) {
					margin-top: 10px !important;
				}
			}

			.woocommerce-variation-price {
				@media only screen and (max-width: 767px) {
					margin: 20px 0;
				}
			}
		}
	}
}

body, .woocommerce {
	.justify-content-between {
		display: flex;
		flex-wrap: nowrap;
		gap: 30px;

		.wrapper-icons {
			display: flex;
			align-items: center;
			width: 100%;
			
			.col-3 {
				flex: 0 0 33.333%;
				max-width: 33.333%;
			}

			&.is-product-page, &.is-half-half {
				width: auto;
				min-width: 40%;
				
				.col-3-language-selector {
					max-width: 40%;
					padding-left: 6px;
				}
				
				.col-3-phone {
					max-width: 40%;
				}
			}
		}

		.wrapper-button-add-to-cart {
			width: 100%;
			
			button {
				width: 100%;
				padding: 5px 5px !important;
				line-height: 1.5 !important;
				background-color: var(--wf-orange) !important;
				font-size: 14px !important;
				border: none !important;

				&:before {
					margin-right: 10px;
				}
			}

			.in-stock, b, .qty-plus-minus, .variations, #mollie-applepayDirect-button {
				display: none;
			}
			
			.woocommerce-variation {
				display: none !important;
			}
		}
		
		.wrapper-footer-button {
			display: none;
			min-width: 50%;
			
			&.show {
				display: block;
			}

			.wp-block-button__link {
				width: 100%;
				padding: 15px 5px !important;
				line-height: 1.5 !important;
				background-color: var(--wf-orange) !important;
				font-size: 14px !important;
				border: none !important;
				margin-bottom: 0;
			}
		}
	}

/* 	&.admin-bar {
		.wrapper-button-add-to-cart {
			display: block;
		}
	} */
}

@media only screen and (max-width: 1024px) { 
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		padding-left: 70px;
	}
}
@media only screen and (max-width: 768px) { 
	.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%;
		padding-left: 0;
	}
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: 100%;
		justify-content: center;

		.woocommerce-product-gallery__wrapper {
			img {
				height: 250px;
				object-fit: contain;
			}

			.wpcpv-item.wpcpv-item-image {
				right: calc(50% - 110px);
			}
		}
	}
	.product .single_product_top_wrapper {
		flex-direction: column;
		margin-top: 0;
	}
	.product .wrapper-title-mobile {
		display: block;
		margin-bottom: 0;
	}
	.product .wrapper-title-mobile h1 {
		margin-bottom: 0;
	}
	.product .entry-summary h1 {
		display: none;
	}
	body.woocommerce .breadcrumbs-container {
		margin-top: 100px;
	}
	.product .shop_cta ul:last-of-type {
		margin-bottom: 0;
	}
	.woocommerce #main div.product .entry-summary {
		margin-bottom: 0;
	}
}

/* Elements for home intro block */
.wp-block-spacer-home-heading {
	@media only screen and (max-width: 768px) { 
		height: 50px !important;
	}
}
.wp-block-column-logo-image {
	figure {
		@media only screen and (max-width: 768px) { 
			text-align: center;
		}

		img {
			@media only screen and (max-width: 768px) { 
				max-width: 280px;
			}
		}
	}
}
.wp-block-column-prominent {
	padding: 30px;
	background-color: #0000001a;
	box-sizing: border-box;
	@media only screen and (max-width: 768px) { 
		display: flex;
		flex-direction: column;
	}
	
	h1 {
		font-size: 45px;
		@media only screen and (max-width: 768px) { 
			font-size: 30px !important;
			line-height: 1.3 !important;
		}
	}
	
	.wp-block-buttons {
		@media only screen and (max-width: 768px) {
			justify-content: center;
			flex-wrap: nowrap;
			order: -1;
			margin-bottom: 30px;
		}
		.wp-block-button {
			@media only screen and (max-width: 768px) {
				width: 50%;
			}
			a {
				margin-bottom: 0;
				@media only screen and (max-width: 768px) {
					width: 100%;
					padding: 10px 10px;
				}
			}
		}
	}
}
.list-prominent {
	padding-left: 0 !important;
	list-style: none !important;
	
	li {
		font-size: 25px;
		@media only screen and (max-width: 768px) { 
			font-size: 19px;
		}
		:before {
			content: "\2713";
			position: relative;
			top: 1px;
			margin-right: 16px;
		}
		strong {
			display: flex;
		}
	}
	&.white {
		li {
			color: #fff;
			line-height: 1.4;
		}
	}
}

.woocommerce .shop-results ul.products li.product a {
	.woocommerce-loop-product__title {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1200px) { 
	.woocommerce .shop-results ul.products li.product a {
		img, picture {
			height: 180px;
			max-height: none;
			object-fit: contain;
			margin: 0;
		}
	}
}
@media only screen and (max-width: 1199px) { 
	.woocommerce .shop-results ul.products li.product a {
		img, picture {
			height: 200px;
			max-height: none;
			object-fit: contain;
			margin: 0;
		}
	}
}

/* Place the bulletpoints back */
.page-template-default, .home, .page-id-10415 {
	.wp-block-sogutenberg-sectie {
		.wp-block-list {
			list-style-type: disc;
			list-style-position: outside;
			padding-left: 20px;
		}
	}
}
.page-template-default {
	.three-columns {
		.wp-block-column {
			ul {
				list-style-type: disc;
				list-style-position: outside;
				padding-left: 20px;
			}
		}
	}
}
.page-id-10415 {
	.wp-block-list {
		list-style-type: disc;
		list-style-position: outside;
		padding-left: 20px;
	}
}
.single-post {
	.wp-block-list {
		list-style-type: disc;
		list-style-position: outside;
		padding-left: 20px;
	}
}

.single-product {
	.product {
		.summary {
			.from-stock-supplier {
				color: #59a165 !important;
			}
		}
	}
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1px solid var(--grey-medium);
}
.wpcf7-form {
	input:not([type="submit"]), select, textarea {
		border: 1px solid var(--grey-medium);
	}
}

/* Webshop header image */
.woocommerce-products-header {
	position: relative;
	padding-bottom: 0;
	
	.webshop-header-image {
		img {
			display: block;
			object-fit: cover;
			width: 100%;
			height: 220px;
		}
	}
	
	.woocommerce-products-header__title {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		align-items: center;
		width: 100%;
		padding-left: 60px;
		color: #fff;

		@media only screen and (max-width: 768px) { 
			width: calc(100% - 40px);
			padding-left: 20px;
		}

	}
}

/* Element: wp-block-handpicked-products */
.wp-block-handpicked-products {
	.wc-block-grid__products {
		.product {
			a {
				display: block;

				picture {
					display: block;
					width: 100%;
					height: 300px;
					margin-bottom: 20px;
					@media only screen and (max-width: 1024px) { 
						height: 250px;
					}
				}

				img {
					display: block;
					width: 100%;
					height: 300px;
					object-fit: contain;
					margin-bottom: 20px;
					@media only screen and (max-width: 1024px) { 
						height: 250px;
					}
				}
			}
		}
	}
}

/* Element: product-info */
.woocommerce {
	.product-info {
		.products {
			.product {
				a {
					picture, img {
						@media only screen and (min-width: 550px) { 
							display: block;
							width: 100%;
							height: 320px;
							object-fit: contain;
							margin: 0px;
						}
					}

					.woocommerce-loop-product__title {
						@media only screen and (min-width: 550px) { 
							margin-top: 20px;
						}
					}
				}
			}
		}
	}
}

.intro-logo-list {
	gap: 100px;
}





/* Cookieyes */
.cky-btn-revisit-wrapper {
	@media only screen and (max-width: 1240px) { 
		margin-bottom: 58px;
	}
	@media only screen and (max-width: 768px) { 
		left: 15px;
		bottom: 10px;
	}
}
.single-product {
	.cky-btn-revisit-wrapper {
		@media only screen and (max-width: 768px) { 
			bottom: 30px;
		}
	}
}

/* WooCommerce Shop page */
.woocommerce-page {
	.content-area {
		.shop-results {
			.products {
				@media only screen and (max-width: 540px) { 
					grid-template-columns: 1fr 1fr;
					grid-gap: 14px;
				}

				.product {
					@media only screen and (max-width: 767px) { 
						max-width: 100% !important;
						margin: 0 !important;
					}
					@media only screen and (max-width: 540px) { 
						display: flex !important;
						flex-direction: column;
					}

					.woocommerce-LoopProduct-link {
						@media only screen and (max-width: 540px) {
							display: flex;
							height: 100%;
						}

						img, picture {
							@media only screen and (max-width: 540px) { 
								display: block;
								height: auto;
								padding: 0 !important;
							}
						}

						.onsale {
							@media only screen and (max-width: 540px) { 
								min-height: 0px !important;
								margin: 0;
								line-height: 24px !important;
							}
						}

						.woocommerce-loop-product__title {
							@media only screen and (max-width: 540px) { 
								width: 100%;
								margin: 20px 0 !important;
								font-size: 18px !important;
								line-height: 1.3 !important;
							}
						}

						.price {
							@media only screen and (max-width: 540px) { 
								margin-top: auto;
							}
						}
					}

					.added_to_cart {
						font-size: 13px;
						line-height: 1.3;
						padding: 20px !important;
						max-width: 50%;
					}
				}
			}
		}
	}
}

/* Lessen the vertical space of all normal pages */
.page-template-default {
	.page-content {
		.sectie-heading {
			.wp-block-spacer {
				@media only screen and (max-width: 1024px) {
					height: 60px !important;
				}
			}

			.scroll_verder_2 {
				@media only screen and (max-width: 1024px) {
					top: -60px;
				}
			}
		}

		.broodkruimelpad {
			.breadcrumbs-container {
				@media only screen and (max-width: 1024px) {
					margin-top: 20px !important;
				}
			}
		}

		.spacer-custom {
			@media only screen and (max-width: 1024px) {
				height: 10px !important;
			}
		}
	}
}

#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
	@media only screen and (max-width: 768px) {
		bottom: 72px !important;
	}
}

/* Section Help */
.section-help {
	width: 100%;
	margin-top: 50px;
	border: 3px solid var(--wf-red);
	padding: 20px;
	position: relative;
	color: var(--wf-red);
	box-sizing: border-box;
	@media only screen and (max-width: 768px) {
		padding: 15px;
	}

	img {
		display: block;
		width: 110px;
		height: 110px;
		position: absolute;
		top: 20px;
		right: 20px;
		object-fit: cover;
		border-radius: 200px;
		border: 3px solid var(--wf-red);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
		@media only screen and (max-width: 768px) {
			width: 110px;
			height: 110px;
			top: -30px;
			right: -14px;
		}
	}

	h3 {
		font-size: 32px;
		line-height: 1.1;
		font-weight: bold;
		text-transform: uppercase;
		@media only screen and (max-width: 768px) {
			margin-bottom: 14px;
		}

		br {
			display: none;
			@media only screen and (max-width: 1100px) {
				display: block;
			}
		}
	}

	span {
		display: block;
		margin-bottom: 16px;
		font-weight: bold;
		font-style: italic;
		line-height: 1.5;
		
		br {
			display: none;
			@media only screen and (max-width: 1100px) {
				display: block;
			}
			@media only screen and (max-width: 768px) {
				display: none;
			}
		}
	}
	
	a {
		color: inherit;
	}
	
	.contact {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-bottom: 16px;
		@media only screen and (max-width: 768px) {
			flex-direction: column;
			align-items: flex-start;
			gap: 0;
			margin-bottom: 14px;
		}
		
		a {
			font-weight: bold;
			@media only screen and (max-width: 768px) {
				line-height: 1.6;
			}

			i {
				margin-right: 4px;
				@media only screen and (max-width: 768px) {
					margin-right: 6px;
				}
			}
		}
	}

	ul {
		columns: 2;
		font-size: 15px;
		@media only screen and (max-width: 1100px) {
			columns: auto;
		}
		@media only screen and (max-width: 768px) {
			line-height: 1.6;
		}

		li {
			i {
				margin-right: 6px;
			}
			
			a {
				text-decoration: underline;
			}
		}
	}
}


/* New layout Cart and Checkout pages */

.woocommerce-cart, .woocommerce-checkout {
	.wrapper-help {
		width: 100%;
		margin-top: 60px;
		border-top: 1px solid rgba(104, 87, 125, .14);
		padding-top: 40px;

		span {
			display: block;
			text-align: center;
			line-height: 1.5;

			&.title {
				font-weight: bold;
				font-size: 18px;
				color: var(--wf-red);
			}

			a {
				&:before {
					display: none;
				}
			}
		}
	}
}

/* Cart page */
.woocommerce-cart {
	.page-content {
		.woocommerce {
			.wrapper-cart-form {
				width: 66%;
				@media only screen and (max-width: 1370px) { 
					width: 60%;
				}
				@media only screen and (max-width: 1090px) { 
					width: 100%;
				}
			
				.woocommerce-cart-form {
					width: 100%;

					.product-quantity {
						@media only screen and (max-width: 768px) { 
							display: flex;
							justify-content: space-between;
							align-items: center;
						}

						input[type="number"] {
							background-color: #fff;
							border: 1px solid var(--grey-medium);
							@media only screen and (max-width: 768px) { 
								width: 100%;
								max-width: 80px;
								min-width: 60px;
								padding: 0;
								border-left: none;
								border-right: none;
							}
						}
						
						.number-input {
							@media only screen and (max-width: 768px) { 
								display: flex;
							}
							
							.button-change-quantity {
								display: none;
								border: 1px solid var(--grey-medium);
								@media only screen and (max-width: 768px) { 
									display: block;
								}

								&:disabled {
									cursor: not-allowed;
								}
							}
						}
					}

					.desktop {
						@media only screen and (max-width: 768px) { 
							display: none;
						}
					}
					
					.product-thumbnail-product-name {
						display: none;
						max-width: none;
						align-items: center;
						justify-content: space-between;
						@media only screen and (max-width: 768px) { 
							display: flex;
						}

						&:before {
							display: none;
						}

						picture {
							display: block;
							width: 50px;
							height: 50px;
						}
						
						.text {
							color: var(--wf-red);
							font-weight: bold;
							
							.variation {
								margin-bottom: 0 !important;
								padding-bottom: 0;
								font-weight: normal;
								
								p {
									margin-bottom: 0;
								}
							}
						}
					}
					
					.shop_table {
						@media only screen and (max-width: 768px) { 
							margin-bottom: 0;
						}
						
						tr {
							#button-cart-update-1 {
								
							}
						}
					}

					.coupon {
						@media only screen and (max-width: 768px) {
							flex-direction: row;
							flex-wrap: wrap;
							margin-bottom: 20px;
							
							[name="coupon_code"] {
								min-width: calc(50% - 7.5px);
								margin-right: 7.5px !important;
								
								&::placeholder {
									font-size: 14px;
								}
							}

							[class="button"] {
								min-width: calc(50% - 7.5px);
								font-size: 14px !important;
								padding-left: 0 !important;
								padding-right: 0 !important;
								margin-left: 7.5px !important;
							}
							
							a {
								width: 100%;
							}
						}
					}
				}

				.wrapper-buttons-checkout {
					display: flex;
					align-items: center;
					margin-top: 100px;
					@media only screen and (max-width: 768px) { 
						flex-direction: column;
						align-items: flex-start;
						margin-top: 0;
					}
					
					a {
						box-sizing: border-box;
						margin-right: 20px;
						margin-bottom: 20px;
						@media only screen and (max-width: 768px) { 
							width: 100%;
							margin-bottom: 1em;
							text-align: center;
						}
					}
					
					.checkout-button, .btn-login-account, .btn-continue-shopping {
						@media only screen and (max-width: 768px) { 
							display: none;
						}
					}
				}
			}
			
			.cart-collaterals {
				@media only screen and (max-width: 768px) { 
						top: 30px !important;
				}
				
				.shop_table {
					.order-total {
						@media only screen and (max-width: 768px) {
							font-size: 20px;
						}

						.includes_tax {
							@media only screen and (max-width: 768px) {
								font-size: 14px;
							}
						}
					}
				}

				.wc-proceed-to-checkout {
					@media only screen and (max-width: 768px) { 
						display: flex;
					}
					
					.shop_cta {
						@media only screen and (max-width: 768px) { 
							display: none;
						}
					}

					.checkout-button, .btn-login-account, .btn-continue-shopping {
						display: none;
						@media only screen and (max-width: 768px) { 
							display: flex;
							align-items: center;
							justify-content: center;
							margin-bottom: 0;
							padding-left: 6px;
							padding-right: 6px;
							box-sizing: border-box;
							line-height: 1.5 !important;
							text-align: center;
						}
					}

					.checkout-button {
						min-width: calc(60% - 15px);
						margin-right: 15px;
					}

					.btn-login-account {
						@media only screen and (max-width: 768px) { 
							min-width: 40%;
							margin-bottom: 0;
						}
					}

					&.show_user_login_button {
						@media only screen and (max-width: 768px) { 
							flex-wrap: wrap;
							gap: 10px;
						}
						
						.btn-login-account, .btn-continue-shopping {
							@media only screen and (max-width: 768px) { 
								min-width: calc(50% - 5px);
							}
						}

						.checkout-button {
							@media only screen and (max-width: 768px) { 
								width: 100%;
								margin-right: 0;
							}
						}
					}
				}
			}

			.wrapper-help {
				display: none;
				@media only screen and (max-width: 768px) {
					display: block;
				}
			}
		}
	}
}

/* Checkout page */
body.woocommerce-checkout {	
	&:before {
		background-color: #f5f9fa;
	}
	
	.woocommerce {
		.woocommerce-form-login-toggle {
			display: none !important;
		}
		
		.woocommerce-checkout {
			flex-direction: column;

			&:before {
				height: calc(100% + 220px) !important;
				left: -30px !important;
			}
			
			&:after {
				display: none !important;
			}
			
			.wrapper-customer-details-order-review {
				display: flex;
				@media only screen and (max-width: 980px) {
					flex-wrap: wrap;
				}

				#customer_details {
					@media only screen and (max-width: 980px) {
						margin-bottom: 50px;
					}
					
					.col-1 {
						padding-left: 0;
						padding-right: 0;
					}
					
					.col-2 {
						padding-left: 0;
						padding-right: 0;

						.place-order {
							@media only screen and (max-width: 980px) {
								display: none;
							}
						}
						
						.wrapper-help {
							@media only screen and (max-width: 980px) {
								display: none;
							}
						}
					}

					.wrapper-buttons {
						display: none;
						margin-bottom: 30px;

						.inner {
							margin-bottom: 12px;
							
							.btn {
								padding: 10px 20px;
								line-height: 20px;
								margin: 0;

								&:first-of-type {
									margin-right: 10px;
								}

								&.active {
									background-color: #41434d;
									color: #fff;
									border: 1px solid #41434d;
									box-shadow: none;
								}
							}
						}

						.text-business-fields {
							display: none;
						}
					}

					.woocommerce-billing-fields, .woocommerce-shipping-fields {
						.woocommerce-billing-fields__field-wrapper {
							flex-direction: row;
							gap: 14px;
						}
						.form-row {
							margin-bottom: 0;
							box-sizing: border-box;
							order: 99;

							label {
								display: block;

								.optional {
									display: none;
								}
							}

							input {
								margin-bottom: 0 !important;
							}
						}

						#billing_first_name_field,
						#shipping_first_name_field {
							width: calc(40% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: calc(70% - 7.5px);
							}
						}

						#billing_intersertion_field,
						#shipping_intersertion_field {
							width: calc(20% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: calc(30% - 7.5px);
							}
						}

						#billing_last_name_field,
						#shipping_last_name_field {
							width: calc(40% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: 100%;
							}
						}

						#billing_company_field, 
						#shipping_company_field,
						#billing_vat_number_field {
							display: none;
						}

						#billing_first_name_field, #billing_intersertion_field, #billing_last_name_field,
						#shipping_first_name_field, #shipping_intersertion_field, #shipping_last_name_field {
							order: 1;
						}

						#billing_address_1_field,
						#shipping_address_1_field {
							order: 2;
							width: calc(60% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: calc(70% - 7.5px);
							}
						}

						#billing_house_number_field,
						#shipping_house_number_field {
							order: 3;
							width: calc(30% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: calc(50% - 7.5px);
							}
						}

						#billing_address_2_field,
						#shipping_address_2_field {
							order: 4;
							width: calc(40% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: calc(30% - 7.5px);
							}

							.screen-reader-text {
								width: auto;
								height: auto;
								position: relative !important;
								clip-path: border-box;
							}
						}

						#billing_addition_field,
						#shipping_addition_field {
							order: 5;
							width: calc(30% - 9.333px);
							@media only screen and (max-width: 768px) {
								width: calc(50% - 7.5px);
							}
						}

						#billing_city_field,
						#shipping_city_field {
							order: 6;
						}

						#billing_country_field,
						#shipping_country_field {
							order: 7;
						}

						#billing_postcode_field,
						#shipping_postcode_field {
							order: 6;
						}

						#billing_postcode_field,
						#shipping_postcode_field,
						#shipping_country_field,
						#billing_phone_field,
						#shipping_phone_field,
						#billing_email_field,
						#shipping_email_field,
						#billing_city_field,
						#shipping_city_field,
						#shipping_company_field {
							width: calc(50% - 7.5px);
						}

						#billing_phone_field,
						#billing_email_field {
							@media only screen and (max-width: 768px) {
								width: 100%;
							}
						}
					}
					
					#billing_addition_field {
						display: none;
					}

					.woocommerce-shipping-fields {
						margin-top: 24px;

						#ship-to-different-address {
							margin-bottom: 10px;

							.input-checkbox {
								visibility: visible;
								margin-top: 0px;
								margin-right: 4px;
							}
							
							span {
								font-family: 'Source Sans Pro', sans-serif;
								font-size: 16px;
								font-weight: 300;
								color: #41434d;
							}
						}
						
						.shipping_address {
							padding: 10px;
							background-color: var(--grey-light-1);

							.woocommerce-shipping-fields__field-wrapper {
								display: flex;
								flex-wrap: wrap;
								flex-direction: row;
								gap: 14px;
								
								#shipping_country_field {
									margin-top: -2px;
									
									select {
										line-height: 32px !important;
									}
								}
								#shipping_phone_field {
									label {
										height: auto;
										clip: auto;
										width: auto;
										position: relative !important;
										clip-path: border-box;
									}
								}
							}
						}
					}

					.woocommerce-additional-fields {
						margin-top: 14px;
						
						#order_comments_field {
							#order_comments {
								border: 1px solid var(--grey-medium);

								&:focus {
									border-color: #000;
								}
							}
						}
					}
					
					.woocommerce-account-fields {
						input[type="checkbox"] {
							margin: -2px 4px 0 0;
							visibility: visible;
						}
						
						h4 {
							margin-bottom: 4px;
						}
					}
					
					.button-continue {
						display: none;
						margin-top: 60px;
						margin-bottom: 40px;
						text-align: center;
						@media only screen and (max-width: 768px) {
							display: block;
						}
					}
					
					.woocommerce-terms-and-conditions-wrapper {
						margin-top: 50px;
					}
				}

				.wrapper-order-review {
					@media only screen and (max-width: 768px) {
						display: none;
					}
					
					#order_review_heading {
						display: block;
					}

					#order_review {
						@media only screen and (max-width: 1100px) {
							flex: 1 0 100%;
							max-width: 100%;
						}
						.shop_table {
							margin-top: 0;
							margin-bottom: 60px;
							padding-left: 0;
							
							.product-name {
								.wrapper {
									display: flex;
									align-items: center;
									gap: 10px;

									.thumbnail {
										display: none;
										@media only screen and (max-width: 980px) {
											display: block;
										}
										
										img {
											display: block;
											width: 60px;
											max-width: 60px;
										}
									}
								}
								.variation, .variation * {
									font-size: 14px;
									line-height: 1.4;
								}
							}
							
							.order-total {
								font-size: 20px;
								th, td {
									font-weight: bold !important;
									
									.includes_tax {
										display: block;
										font-size: 14px;
									}
								}
							}
						}
						
						#payment {
							.wc_payment_methods {
								padding-left: 0px;
								padding-right: 0px;
								@media only screen and (max-width: 980px) {
									padding-left: 1em;
								}
								@media only screen and (max-width: 768px) {
									padding-left: 0px;
								}
								
								.wc_payment_method {
									.payment_box {
										padding: 0px !important;
									}
								}
							}
							
							.place-order {
								display: none;
								@media only screen and (max-width: 980px) {
									display: block;
									margin-top: 20px;
								}
								@media only screen and (max-width: 768px) {
									padding-left: 0;
									padding-right: 0;
								}

								#place_order {
									@media only screen and (max-width: 980px) {
										float: left;
									}
								}
								
								.wrapper-help {
									margin-top: 130px;
								}
							}
						}
					}
				}
			}
		}
	}
}

/* WooCommerce messages */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-top: none;
}
.woocommerce-message {
	background-color: #e6ffda;
	border: 1px solid #b6ff93 !important;
}
.woocommerce-info {
	background-color: #fff6dd;
	border: 1px solid #ffe290 !important;
}
.woocommerce-error {
	background-color: #ffdddd;
	border: 1px solid #ffabab !important;
}