/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.price > .woocommerce-Price-amount:nth-child(1) > bdi:before{
	content: "vanaf: ";
	color: grey;
}
.price > .woocommerce-Price-amount:nth-child(2) {
	display: none!important;
}
.pk_product_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px ,1fr));
    grid-gap: 20px;
}
div.pk_product {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 120px auto 30px;
}

.pk_product_image {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}
.pk_product_image > img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
div.pk_product {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    padding: 20px;
    border-radius: 8px;
    grid-gap: 10px;
}
div.pk_product > *{
    padding: 0px!important;
    margin: 0px!important;
}
.pk_product_title {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: black!important;
}
.pk_product_price {
    padding: 4px;
    font-size: 14px;
    color: #444444;
    text-align: center;
}
a.pk_product_add_to_cart {
    margin-top: 10px;
    width: 100%;
    background-color: #E7DBCE;
    font-size: 15px;
    padding: 5px!important;
    color: black!important;
    text-align: center;
    border-radius: 4px;
}
.pk_product{
    overflow: hidden;
}

.pk_flex_container {
    display: flex;
  }
    
    @media (max-width: 800px) {
    .pk_flex_container {
      flex-direction: column;
    }
  }
  
  a:link {
    color: black;
      text-decoration: none;
  }
  
  /* visited link */
  a:visited {
    color: black;
      text-decoration: none;
  }
  
  
  /* selected link */
  a:active {
    color: black;
      text-decoration: none;}
      
  a:hover { color: white; }    
  
  .pk_flex_container > div {
   
    margin: 10px;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 30px;
    font-family: Lancaste script, Helvetica, sans-serif;
  }
  
  
  
  
.pk_flex_container > .pk_category,
.pk_flex_container > .pk_category > a {
    color: #7B5D35;
    background-color: #e7dbce;
}

.pk_flex_container > .pk_category:nth-child(1),
.pk_flex_container > .pk_category:nth-child(1) > a {
    background-color: #7B5D35;
    color: #e7dbce!important;
}

.pk_flex_container > .pk_category:hover,
.pk_flex_container > .pk_category:hover > a {
    color: #e7dbce;
    background-color: #7B5D35;
}
.pk_flex_container > .pk_category:nth-child(1):hover,
.pk_flex_container > .pk_category:nth-child(1):hover > a {
    background-color: #7B5D35;
    color: #e7dbce!important;
}