.elementor-kit-7{--e-global-color-primary:#1A3A4D;--e-global-color-secondary:#1A3A4D;--e-global-color-text:#1A3A4D;--e-global-color-accent:#1A3A4D;--e-global-color-4b4d4a5:#F5F5F5;--e-global-color-3302f8c:#DADADA;--e-global-color-bcacffd:#FFFFFF;--e-global-color-c329805:#0078C0;--e-global-typography-primary-font-family:"Noto Sans Extra Condensed Black";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans Extra Condensed Black";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:30px;--e-global-typography-accent-font-family:"Noto Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Noto Sans Extra Condensed Black", Sans-serif;font-weight:600;}.elementor-kit-7 h2{font-family:"Noto Sans Extra Condensed Black", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-7 h3{font-family:"Noto Sans Extra Condensed Black", Sans-serif;font-size:24px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}
header.sticky-header .logo img {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top:10px;
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
		margin-top:0px;
}
header.sticky-header .hoofdmenu {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top: 40px;
	margin-bottom:10px;
}
header.sticky-header.elementor-sticky--effects .hoofdmenu {
	margin-top: 0px;
			margin-bottom:20px;
}
header.sticky-header .zoeken {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top: 30px;
}
header.sticky-header.elementor-sticky--effects .zoeken {
	margin-top: 15px;
}
header.sticky-header .winkelwagen {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top: 30px;
}
header.sticky-header.elementor-sticky--effects .winkelwagen {
	margin-top: 15px;
}
header.sticky-header {
	--header-height: 180px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	border-bottom: solid 10px rgba(218,218,218,0);
	position: relative;
	background: none;
}
/* achtergrondlaag */
header.sticky-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("https://jcctuinenparkmachines.nl/wp-content/uploads/2026/03/jcc05.png");
	background-position: center top;
	border-bottom: solid 10px rgba(218,218,218,1);
	opacity: 0;
	transition: opacity var(--transition);
	z-index: -1;
}
/* sticky state */
header.sticky-header.elementor-sticky--effects::before {
	opacity: 1;
}
.elementor-8 .elementor-element.elementor-element-c568dc2 .swiper-slide-inner {
    text-align: start;
    width: 1100px; 
}
.elementor-widget-posts a.elementor-post__read-more {
    display: inline-block;
        transition: background-color 0.4s ease, color 0.4s ease;
    padding: 5px 40px;
    background-color: #1A3A4D;
    color: #ffffff !important;
    text-decoration: none;
font-family: "Noto Sans Extra Condensed Black";
font-weight: 600;
    font-size: 18px;
}
.elementor-widget-posts a.elementor-post__read-more:hover {
    background-color: #DADADA;
    color: #1A3A4D !important;
}
.elementor-widget-posts a.elementor-post__read-more {
    display: block;  
    margin: 0 auto;  
    margin-top: auto;  
    width: fit-content;   
}
.elementor-posts .elementor-post__excerpt {
    margin-bottom: 20px;
}
.custom-post-grid .elementor-post__thumbnail {
    position: relative;
}
.custom-post-grid .elementor-post__thumbnail {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.custom-post-grid .elementor-post__thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 10px solid #fff;
    pointer-events: none;
}
.custom-post-grid .elementor-post__thumbnail {
    position: relative;
}

.custom-post-grid .elementor-post__thumbnail::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

/* jouw bestaande rand blijft bovenop */
.custom-post-grid .elementor-post__thumbnail::after {
    z-index: 2;
}

.custom-post-grid .elementor-post__thumbnail:hover::before {
    opacity: 0.4; /* 20% wit */
}
.elementor-kit-7, 
.elementor-kit-7 figure,
.elementor-kit-7 .elementor-widget-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.elementor-kit-7 img {
    margin-left: 0 !important;
    width: 100%; /* Zorgt dat de afbeelding de hele breedte pakt */
    object-fit: cover; /* Zorgt dat de verhoudingen intact blijven */
}
.product .count {
    background-color: inherit;
    display: none;
}
.products li.product .button {
    display: none !important;
}
ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 2px;
    min-height: 80px;
}
@media (max-width: 767px) {
    .archive ul.products {
        display: block !important; 
    }
    .archive ul.products li.product {
        width: 100% !important; 
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important; /* Geeft wat ademruimte tussen de producten onderling */
    }
}
ul.products li.product {
    transition: box-shadow 0.4s ease; /* Zorgt voor de vloeiende schaduw */
}
.woocommerce-breadcrumb .kruimel-svg {
    width: 8px; /* Breedte van het pijltje */
    height: auto;
    display: inline-block;
    margin: 0 5px; /* Zorgt voor mooie ademruimte links en rechts */
    vertical-align: middle; /* Zet hem in de basis in het midden */
    transform: translateY(-1px); /* Met deze waarde kun je hem exact sturen: probeer ook 0px of -2px */
    opacity: 0.5; /* Maakt het haakje iets subtieler/grijzer dan de tekst */
}
.megamenu {
    /* x-offset | y-offset | blur | spread | kleur */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* 1. Wis eerst alle standaard iconen/content */
.elementskit-submenu-indicator::before {
    content: none !important;
    display: none !important;
}

/* 2. Teken de witte chevron met 13px ruimte */
.elementskit-submenu-indicator {
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    transform: rotate(45deg) !important;
    margin-left: 13px !important; /* De gewenste extra ruimte */
    margin-bottom: 4px !important;
    position: relative !important;
    vertical-align: middle !important;
    transition: all 0.3s ease;
}

/* 3. DE HARD-FIX VOOR DE DUBBELE CHEVRON */
/* We verbergen de chevron in ELKE container die ElementsKit als 'ghost' of 'placeholder' gebruikt */
.ekit-sticky--ghost .elementskit-submenu-indicator,
.elementskit-sticky--ghost .elementskit-submenu-indicator,
.elementskit-section-active-sticky .ekit-sticky--ghost .elementskit-submenu-indicator,
[data-is-sticky="true"] .ekit-sticky--ghost .elementskit-submenu-indicator {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Extra veiligheid: als de container van de header onzichtbaar is, moet de chevron dat ook zijn */
header[style*="visibility: hidden"] .elementskit-submenu-indicator,
div[style*="visibility: hidden"] .elementskit-submenu-indicator {
    display: none !important;
}
html, body {
    overflow-x: hidden;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
    text-decoration: none;
    box-shadow: none;
    color: #000;
}
.woosb-products .woosb-product .woosb-title .woosb-name {
    font-family: 'Noto Sans';
    font-size: 15px;
}
.elementor-menu-cart__product-name, .elementor-menu-cart__product-price {
    font-size: 14px;
    padding-inline-start: 20px;
    font-family: 'Noto Sans Extra Condensed Black';
}
.woosb-item-child .product-price .amount, .woosb-item-child .product-price .tax_label, .woosb-item-child .product-subtotal .amount, .woosb-item-child .product-subtotal .tax_label, .woosb-item-child .product-total .amount, .woosb-item-child .product-total .tax_label {
    opacity: 1;
    
}
/* Zorg dat beide knoppen in het zijpaneel even hoog zijn */
.elementor-menu-cart__footer-buttons {
    display: flex !important;
    align-items: stretch !important;
}

.elementor-menu-cart__footer-buttons a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px; /* Pas dit getal aan naar wens */
    padding: 10px !important;
    text-align: center;
}
.e-loop-item * {
    word-break: break-word;
    font-family: 'Noto Sans Extra Condensed Black';
    font-size: 20px;
    line-height: 24px;
}
[class*=elementor-widget-loop] .elementor-page-title, [class*=elementor-widget-loop] .product_title.entry-title {
    display: initial;
    min-height: 60px;
}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent {
    overflow: visible;
    padding-left: 0px !important;
}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {
    margin-left: 10px !important;
}
.wpfFilterWrapper .ui-slider-horizontal {
    width: calc(100% - 10px) !important;
}
.wpfFilterWrapper .wfpDescription {
    font-size: 16px !important;
        font-family: 'Noto Sans Extra Condensed Black';
}
/* Specifiek voor de badge binnen de Elementor Product Images widget op de detailpagina */
.elementor-widget-woocommerce-product-images span.onsale {
    background-color: #D9534F !important; /* Jouw rode kleur */
    color: #ffffff !important;
    border-radius: 0px !important; /* Strakke hoeken */
    padding: 0px 15px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    min-height: auto !important;
    min-width: auto !important;
    
    /* Positie correctie */
    position: absolute !important;
    top: 10px !important; /* Pas dit aan tot hij op de juiste hoogte staat */
    right: 10px !important; /* Pas dit aan tot hij rechts op de juiste plek staat */
    left: auto !important;
    z-index: 10;
        font-family: 'Noto Sans Extra Condensed Black';
}
.woosb-wrap {
    display: block;
    width: 100%;
    clear: both;
    border: 1px solid #DADADA;
    padding: 20px;
    background: #FFF;
    margin-bottom: 20px;
}
.woosb-products .woosb-product:first-child {
    display: none;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #DADADA;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #DADADA;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
}
.woosb-products .woosb-product {
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #dadada;
    font-family: 'Noto Sans Extra Condensed Black';
}
.woosb-products {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dadada;
}
.woosb-wrap .woosb-text, .woosb-bundles .woosb-text {
    white-space: pre-line;
    font-weight: 600;
    font-family: 'Noto Sans Extra Condensed Black';
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
    text-decoration: none;
    box-shadow: none;
    font-family: 'Noto Sans Extra Condensed Black';
}
/* We vallen alle mogelijke prijs-elementen aan om de lijn te verwijderen */
.woocommerce ul.products li.product .price ins, 
.woocommerce div.product p.price ins,
.price ins,
.amount {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Soms zit de streep op de link die om de prijs heen staat */
.woocommerce li.product a {
    text-decoration: none !important;
    box-shadow: none !important;
}
.out-of-stock {
    display: none;
}

/* 1. Titels verbergen (zowel Elementor als standaard WooCommerce) */
.elementor-widget-woocommerce-product-additional-information h2, 
.woocommerce-Tabs-panel--additional_information h2, 
.woocommerce-additional-information__title {
    display: none !important;
}

/* 2. Tabel structuur en breedte */
table.shop_attributes {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #d1d1d1 !important;
    margin-top: 0 !important;
}

/* 3. Cellen: 50/50 verdeling, padding en font-size */
table.shop_attributes th, 
table.shop_attributes td {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
    border: 1px solid #d1d1d1 !important;
    padding: 7px 15px !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 15px !important;
    color: #333 !important;
    font-style: normal !important;
    font-weight: 400 !important; /* Voor een rustige uitstraling */
}

/* 4. Zebra-kleuren: Om-en-om (1=donkerder, 2=lichter, 3=donkerder, etc.) */
/* Oneven rijen (1, 3, 5...) */
table.shop_attributes tr:nth-child(odd) th,
table.shop_attributes tr:nth-child(odd) td {
    background-color: #EDEDED !important;
}

/* Even rijen (2, 4, 6...) */
table.shop_attributes tr:nth-child(even) th,
table.shop_attributes tr:nth-child(even) td {
    background-color: #F5F5F5 !important;
}

/* Zorg dat de tabelranden exact dezelfde kleur hebben als de tab-omlijning */
table.shop_attributes,
table.shop_attributes th,
table.shop_attributes td {
    border: 1px solid #d1d1d1 !important; /* Pas deze kleur aan als je tab-rand lichter/donkerder is */
}

/* Verwijder eventuele extra witte ruimte (margin) rondom de tabel zodat hij de randen van de tab raakt */
.woocommerce-Tabs-panel--additional_information,
.woocommerce-Tabs-panel--description {
    padding: 20px !important; /* Dit geeft ademruimte binnen de tab */
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px;
}
table td, table th {
    border: 1px solid #d1d1d1;
    line-height: 1.5;
    padding: 15px;
    vertical-align: top;
}
.woocommerce-shipping-destination {
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://jcctuinenparkmachines.nl/wp-content/uploads/2026/03/NotoSans-Regular.woff2') format('woff2'),
		url('https://jcctuinenparkmachines.nl/wp-content/uploads/2026/03/NotoSans-Regular.woff') format('woff'),
		url('https://jcctuinenparkmachines.nl/wp-content/uploads/2026/03/NotoSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */