.wp-site-blocks{
    overflow-x:hidden;
}
.red-container{
    background-color: var(--primary-color-mytheme);
    position:relative;
}

.red-container img{
    position:absolute;
    height:100%;
    width:35%;
    right:20px;
    top:20px;
}

.red-container h2{
    white-space:nowrap;
}

.blue-container{
    background-color: var(--secondary-color);
    position: relative;
    justify-content: space-between;
    flex-basis:unset;
}

.blue-container, .red-container{
    color: var(--primary-text);
    min-height:269px;
    height:auto;
    width:100%;
}

.blue-container .wp-image-159{
    position:absolute;
    bottom:0;
    right:10px;
    width:169px;
    height:309px;
}

.blue-container p{
    width:339px;
    align-items:left;
    margin-bottom:0;
}

.red-container p{
    width:339px;
    margin-bottom:0;
}
.red-container{
    overflow:hidden;
}
.containers .wp-block-buttons>.wp-block-button.wp-block-button__width-25{
    width:59px;
    height:59px;
}

.containers h2{
    font-size:31px;
}

.contact-container{
    background-color: var(--secondary-color);
    padding: 70px;
    width: 70%;
    justify-content: space-between;
}
.contact-container h1, h4{
    font-weight:bold;
    color: white;
}

.contact-container p{
    margin:0;
}

.contact-container i{
    color:white;
}

.contact-container .fa-face-smile{
    position: absolute;
    top: 0px;
    right: 5px;
}
@media (min-width:1201px) {
    .contact-container h1{
        margin:0!important;
    }

    .p-container {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
}

.categories{
    font-weight:800;
    text-align:center;
}
.categories ul li span{
    color: var(--secondary-text);
}
.categories span{
    display:block;
}

.wc-block-product-categories-list-item a{
    display:flex;
    flex-direction:column;
    width:100%;
}

.categories ul {
    gap:20px;
    padding:0;
}

.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img  {
    width:237px;
    height:237px;
    max-width:unset;
}
.wc-block-product-categories-list{
    justify-content:center;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item{
    margin:0;
}

.wc-block-product-categories-list{
    display:flex;
}

.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image{
    max-width:unset;
    margin:0;
}

.wc-block-product{
    width:auto;
    height:100%;
    width:100%;
    color: var(--secondary-text);
}

.populaire-producten{
 padding-bottom:50px;
}

.populaire-producten{
    display:grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content:center;
}

.populaire-producten bdi{
    color: var(--secondary-text);
    font-weight:800;
    font-size:24px;
}
.populaire-producten bdi span{
    color: var(--secondary-text);
    font-weight:800;
}

.woocommerce-Price-currencySymbol{
    display:none;
}

.decimals{
    font-size:14px;
    vertical-align:super;
}

.populaire-producten button{
    background-color: var(--button-primary);
    color: var(--secondary-text);
    border:none;
    height:49px;
    width:49px;
    font-size:20px;
}
.populaire-producten-container li {
    display:flex;
    flex-direction:column;
    background-color: var(--product-background);
    border: solid;
    border-width:1px;
    border-color: var(--product-border);
    padding: 10px;
    list-style: none;
}

/* Make the inner div a bottom bar */
.populaire-producten-container li > div:has(.price, .price-button) {
    margin-top:auto;
    justify-content: space-between; /* price left, button right */
    align-items: center;
}

/* Remove absolute positioning from price/button */
.price,
.price-button {

}

.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
    width: 100%;
    object-fit: cover;
}

.wp-container-core-group-is-layout-23441af8 {
    flex-wrap:wrap!important;
}
.entry-content{
    padding-right:20px;
    padding-left:20px;
}