/*
Theme Name: Virtue Child
Theme URI: https://kadencewp.com/product/virtue-free-theme/
Template: virtue
Author: Kadence WP
Author URI: https://kadencewp.com/
Description: The Virtue is a classic theme, built before the Gutenberg block editor was created. While some support has been added for the block editor it's a WordPress legacy theme. The theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean, modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. Virtue has support for wide and fullwidth blocks. It's fully e-commerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any business, online store, portfolio, or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy it is to create using this theme.
Tags: custom-colors,two-columns,one-column,custom-header,custom-menu,featured-images,translation-ready,theme-options,blog,e-commerce,portfolio,rtl-language-support,block-styles,wide-blocks
Version: 3.4.10.1727372843
Updated: 2024-09-26 17:47:23

*/
.woocommerce #carouselcontainer span.onsale, .woocommerce span.onsale, span.onsale {
color: white;
background-color: #00083d;
}

.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 400px; /* Dit zorgt ervoor dat het product minimaal deze hoogte heeft */
    margin-bottom: 30px; /* Voeg wat ruimte onder de producten toe */
}


/* Specifieke stijl voor producten zonder prijs */
.price {
    min-height: 20px; /* Zorg ervoor dat er altijd ruimte is */
}

.no-price {
    min-height: 20px; /* Zorg ervoor dat producten zonder prijs ook een hoogte hebben */
    /* Je kunt ook extra stijlen toevoegen als dat nodig is */
}
body.single-product footer {
    position: relative; /* Zorgt ervoor dat de footer onder de inhoud staat */
}