/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 14 2022 | 23:20:40 */
/* global CSS rules mobile, tablets, desktop without media Query */
/* smooth internal scroll behaviour */
html {
  scroll-behavior: smooth;
}

/* popup images WooCommerce producten half transparante achtergrond i.p.v. full zwart */
.pswp__bg {
    background: #000000b8;
}

/* hide image titels in popup */
.pswp__caption {
    display: none;
}

/* just an global .hide class to hide stuff */
.hide {
	display: none!important;
}

/* active breadcrumb other color */
.breadcrumb-item.active, nav > ol > li:nth-child(2) > a {
    color: #A0B8B9!important;
	font-weight: normal!important;
}

/*.breadcrumb {
	font-weight: normal!important;
	color: #A0B8B9;
  	font-family: Poppins;
  	font-size: 14px;
  	letter-spacing: 0.13px;
  	line-height: 21px;
	margin-left: 0px;
} */

/* breadcrumbs stijling */
.breadcrumb, .woocommerce .woocommerce-breadcrumb {
	padding-left: 0px;
    color: #A0B8B9;
}

.breadcrumb, .breadcrumb-item {
    color: #A0B8B9;
    font-family: Poppins;
    font-size: 14px!important;
    letter-spacing: 0.13px!important;
    line-height: 21px!important;
    font-weight: normal;
}

.breadcrumb a, .breadcrumb span, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb span {
    font-weight: 500!important;
	color: #437374;
}

ol.breadcrumb.px-0.justify-content-start {
    height: fit-content;
}

/* global border-radius 15px on the selector rounded-lg */
body .rounded-lg {
    border-radius: 15px!important;
}

/* global hover on category cards */
.pix-shop-category.card:hover {
    box-shadow: 0 12px 24px 0 rgba(0,0,0,0.1);
}

/* default overwrite style of pix-boxed-2 */
.pix-boxed-2 {
    box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%)!important;
    border-radius: 15px;
}

/* rotate header SVG so the outlining is correct */
div#pix-intro-sliding-text .text-heading-default {
	padding-bottom: 40px!important;
	margin-top: 0px;
}

.pix-intro-1:not(section) svg path.bg-white{
	fill: #fdf5f9 !important;
}

.pix-intro-1:not(section) .pix-divider.pix-bottom-divider {
	transform: rotate(180deg);
	background: white;
}

/* global product layout outlined (caroussel, product grids etc.) */
.pix-product-item .pix-p-20 {
    max-height: 95px;
    height: auto;
}

.pix-item-badges {
    width: max-content;
    max-width: 105%;
}

/* product title max 1 row height */
.products .product-type-simple.gallery-custom > div > div > div.d-flex.align-items-center > div {
	height: 35px;
    max-height: 35px!important;
    overflow-y: clip;
}

/* show only the first two categories in de grids overview products */
div.pix-item-badges > a > span > span {
    visibility: hidden;
}

div.pix-item-badges > a:nth-child(1) > span > span, div.pix-item-badges > a:nth-child(2) > span > span {
    visibility: visible;
}

/* stijling product */
.pix-product-item {
    box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%)!important;
    border-radius: 15px!important;
    background-color: #FFFFFF!Important;
}

/* device specific CSS rules */
/* mobile devices (max-width: 767px) */
@media only screen and (max-width: 767px) {
}

/* ipads, tablets (min-width: 768px) */
@media only screen and (min-width: 768px) {
/* smaller sidebar setup WooCommerce shop page */
	.woocommerce-shop-with-intro .col-md-8 {
		flex: 0 0 75%;
		max-width: 75%;
		}
	
	.woocommerce-shop-with-intro .col-md-4 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

/* laptops, desktops (1200px and above) */
@media only screen and (min-width: 1200px) {

}

/* combined rules */
/* mobiel + tablet (max-width: 1199px) */
@media only screen and (max-width: 1199px) {
}

/* CSS for tablet + desktop = add CSS only in the ipads/tablets  rule */