.eliasbrands {
    column-count: 3;
}

@media (max-width: 786px) {
    .eliasbrands {
        column-count: 2;
    }    
}

@media (max-width: 600px) {
    .eliasbrands {
        column-count: 1;
    }    
}


.eliasbrands ul {
    padding: 0;
}

.eliasbrands ul li {
    break-inside: avoid-column;
    list-style: none;
}

.eliasbrands .brand-letter {
    margin-bottom: 0;
}

.eliasbrands a {
    text-decoration: none;
}

.elias_specslist h4 {
    font-weight: 700;
    font-size: 24px;
    color: #006823!important;

}


.elias_specslist h6 {
    font-weight: 700;
    font-size: 32px;
    color: #333333!important;
    line-height: 1.2em;
    text-align: center;
}

.elias_specslist .eps_row {
    margin-bottom: 2px;
}

.elias_specslist .eps_row .et_pb_column_1_4.et_pb_column_eps_tb_body {
    background-color: #eeeeee;
    padding-top: 15px;
    padding-right: 25px;
    margin-right: 0 !important;
    padding-bottom: 15px;
    padding-left: 25px;
    margin-bottom: 0;
}

.elias_specslist .eps_row .et_pb_column_3_4.et_pb_column_eps_tb_body {
    background-color: #f4f4f4;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
    margin-bottom: 0;
}

@media (min-width: 981px) {
    .elias_specslist .eps_row {
        display: flex;
    }

    .elias_specslist .eps_row .et_pb_column_1_4.et_pb_column_eps_tb_body {
        width: 25% !important;
    }
    .elias_specslist .eps_row .et_pb_column_3_4.et_pb_column_eps_tb_body {
        width: 75% !important;
    }
}


.dl-variations-addcart-details-module.dl-custom-qty div.quantity:before {
    content: 'Aantal' !important;
}


.woocommerce-page .products .product span.onsale, 
.woocommerce .products .product span.onsale {
    background-color: #1ba449 !important;
}

@media (max-width: 981px) {
    .woocommerce.et-db #et-boc ul.products li.product span.onsale.itsnew.onsale,
    .page-template-default.et-db #et-boc ul.products li.product span.onsale.itsnew.onsale
     {
        background-color: transparent !important;
        color: #006823!important;
        padding: 0 !important;
    }
}


/* .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h3, .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h1, .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h2, .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h4, .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h5, .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h6 */

#main-content ul.products li.product h2.woocommerce-loop-product__title {
    font-weight: 700;
    font-size: 18px !important;
    color: #333333!important;
}

ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    margin-right: 0 !important;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none;
}

div.eliasfilters .filter {
    padding: 0.9rem 0;
}

div.eliasfilters .filter h4 {
    color: #006823 !important;
    font-size: 1rem !important;
}

div.eliasfilters .filter select {
    border: 1px solid #aaa !important;
    padding: 0.4rem !important;
    -webkit-appearance: none; 
    -webkit-border-radius: 0;
    background: url(arr.png) no-repeat;
    background-size: contain !important;
    background-position: right center;
    background-color: #fff;
    color: #000000;
    border: 1px solid #000000;
}



div.eliasfilters .ui-slider-horizontal {
    height: 2px;
}

div.eliasfilters .ui-slider .ui-slider-handle {
    width: 6px;
    border: 0;
    top: -0.6em;
    height: 1.2em;
    margin-left: 0;
    color: #006823 !important;
}

div.eliasfilters .ui-state-default,
div.eliasfilters .ui-widget-content .ui-state-default,
div.eliasfilters .ui-widget-header .ui-state-default,
div.eliasfilters .ui-button, 
div.eliasfilters .ui-button.ui-state-disabled:hover, div.eliasfilters .ui-button.ui-state-disabled:active {
    background: #006823 !important;
}

div.eliasfilters #resetfilters {
    background-color: #fff;
    border-radius: 0;
    color: #000;
    box-shadow: none;
    border: 1px solid #000000;
    -webkit-appearance: none; 
    -webkit-border-radius: 0;

}

#prijsfilter-range {
    margin-top: 0.7rem;
}

#prijsfilter-bedrag {
    color: #555 !important;
}


/* Kolom als sidebar */
@media (max-width: 980px){
    .et-db #et-boc .et-l .et_pb_column#kolomlinks {
        position: fixed;
        z-index: 20;
        background-color: #fff;
        width: 90vw !important;
        /* padding: 0 5vw; */
        left: -100vw;
        top: 70px;
        transition: left 0.6s;
    }

    div#kolomlinks:before {
        content: 'filters';
        position: absolute;
        left: calc(100vw - 23.4px);
        z-index: 20;
        top: 32vh;
        display: block;
        transform: rotate(90deg);
        background-color: #fff;
        box-shadow: 0px 0px 11px rgba(0,0,0,0.2);
        border: 1px solid #aaa;
        border-radius: 4px 4px 0 0;
        padding: 0.3rem 1rem 0 1em;
    }

    div#kolomlinks.slidein:before {
        content: 'sluiten';
        position: absolute;
        left: calc(95vw - 58px);
        display: block;
        transform: rotate(-90deg);
    }

    .et-db #et-boc .et-l .et_pb_column#kolomlinks.slidein {
        left: 5vw;
        transition: left 0.6s;
    }

}

/* 2 producten naast elkaar in mobile */
@media (max-width: 479px) {
    .woocommerce ul.products::after,
    .woocommerce ul.products::before,
    .woocommerce-page ul.products::after,
    .woocommerce-page ul.products::before {
        display: none !important;
    }

    .woocommerce-page ul.products li.product,
    .woocommerce-page ul.products li.product:nth-child(n),
    .page-template-default ul.products li.product,
    .page-template-default ul.products li.product:nth-child(n) {
        margin: 0 0 9.5% 0!important;
        /* margin: 0 9.5% 9.5% 0!important; */
        width: 45.25%!important;
    }
}

/* nieuw en on sale labeltjes */
.page-template-default.et-db #et-boc ul.products li.product span.onsale,
.woocommerce.et-db #et-boc ul.products li.product span.onsale {
    background-color: #1ba449 !important;
    margin: 0!important;
    font-size: 14px !important;
    padding: 3px 9px !important;
    right: auto!important;
    left: 10px!important;
}

.page-template-default.et-db #et-boc ul.products li.product span.itsnew,
.woocommerce.et-db #et-boc ul.products li.product span.itsnew {
    background-color: #006823 !important;
    z-index: 2;
    border-radius: 3px!important;
    color: #fff;
    font-size: 20px;
    /* font-weight: 500!important; */
    line-height: inherit!important;
    position: absolute;
    text-shadow: none!important;
    margin: 0!important;
    font-size: 14px !important;
    padding: 3px 9px !important;
    left: auto!important;
    right: 10px!important;
    top: 10px;
}

.page-template-default.et-db #et-boc ul.products li.product.elias_issale span.itsnew,
.woocommerce.et-db #et-boc ul.products li.product.elias_issale span.itsnew {
    display: none !important;
}

@media (max-width: 600px) {
    .page-template-default.et-db #et-boc ul.products li.product span.itsnew,
    .woocommerce.et-db #et-boc ul.products li.product span.itsnew {
        background-color: transparent !important;
        color: #006823 !important;
    }    
}

/* Preview vergrootglasje klopt niet */
.woocommerce .products .wpb_wl_preview_area {
    position: absolute;
    left: 0;
    top: 43px;
}

/* Loading */
#main-content ul.products.loading>li {
    opacity: 0.2;
}
#main-content ul.products.loading::after {
    content:'' !important;
    display: block !important;
    width: 100px;
    height: 100px;
    background-image: url(momentje.gif);
    background-size: contain;
    position: fixed;
    left: calc(50% - 50px);
    top: calc(50vh - 50px);

}

.product-template-default  .et_pb_wc_description_0_tb_body:after {
    content: "";
    display: none !important;
    color: #29527c;
    text-decoration: underline;
}

/* Laposta CSS zit in het blok */