/* HarTeluk kleuren */

:root {
    --harteluk-blauw: 27, 65, 107;
    --harteluk-cyaan: 66, 167, 183;
    --harteluk-zand: 203, 167, 117;
    --harteluk-geel: 247, 167, 11;
    --harteluk-rood: 214, 11, 82;
}

body {
    color: rgba(var(--harteluk-blauw), 1);
    background: rgba(var(--harteluk-zand), .05);
/*    font-family: "Verdana", sans-serif;*/
    font-family: Lato, Helvetica, Arial, sans-serif;
}

.bg-black {
    background: rgba(var(--harteluk-blauw), 1);
}

.breadcrumb-main {
    background: rgba(var(--harteluk-zand), .1);
}

.button-main {
    background: rgba(var(--harteluk-blauw), 1);
}

.button-main:hover {
    background: rgba(var(--harteluk-rood), 1);
    color: #FFF;
}

.product-item .compare-btn:hover, .product-item .add-wishlist-btn:hover, .product-item .quick-view-btn:hover, .product-item .add-cart-btn:hover, .product-item .quick-view-btn-list:hover {
    background: rgba(var(--harteluk-rood), 1);
}

.menu-tab .tab-item.active {
    color: rgba(var(--harteluk-rood), 1);
}

.has-line-before::before {
    background: rgba(var(--harteluk-rood), 1);
}

.bg-red {
    background: rgba(var(--harteluk-rood), 1);
}

.bg-green {
    background: rgba(var(--harteluk-cyaan), 1);
    color: #FFF !important;
}

/* ----------------  */

/*html:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    background-color: #fffa57;
}

body:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: url('../images/custom/background-delivery.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}*/

body {
    /*background-color: rgba(255, 250, 87, 0.05);*/
}

.modal-quickview-block .modal-quickview-main .product-infor {
    padding-right: 0;
}

.modal-quickview-block .label-bijgerecht {
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
}

.product-item .productUitverkochtCover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.5;
}

.product-item .productUitverkochtCover span {
    text-align: center;
    font-size: 1.2em;
    top: 50%;
    position: absolute;
    margin-top: -23px;
    width: 100%;
    color: #FFF;
}

.modal-quickview-block .productUitverkochtCover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.5;
}

.modal-quickview-block .productUitverkochtCover span {
    text-align: center;
    font-size: 1.2em;
    top: 50%;
    position: absolute;
    margin-top: -23px;
    width: 100%;
    color: #FFF;
}

.no-image-placeholder {
/*    opacity: .2; geen opacity vanwege gezeur met z-index/pointer events*/
}