@font-face {
    font-family: customFont;
    src: url(../Font/Mont-regular.otf);
}

@font-face {
    font-family: customFont;
    src: url(../Font/Mont-Bold.otf);
    font-weight: bold;
}

body {
    font-family: customFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.btn-primary {
    background: #d30040 !important;
}

    .btn-primary:hover, .btn-primary:focus {
        background: #ef0049 !important;
    }

.service-btn:hover, .service-btn-active {
    background: #d30040;
}

.login_action_container .btn-primary {
    background: #d30040 !important;
}

    .login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus {
        background: #ef0049 !important;
    }

a, .header-points a, .header-points span, .product-points, .product-icon div .mat-icon:hover, .savings-goal-star-active, .fade-out-block-button-open span, .fade-out-block-button-open .mat-icon, .fade-out-block-button-close span, .fade-out-block-button-close .mat-icon, .product-container-blocks .product-title a:hover {
    color: #d30040;
}

    a:hover, a:focus {
        color: #d30040;
    }

.order-direct-container {
    background: #d30040;
}

.product-icon div .mat-icon:hover {
    color: #d30040;
}

.product-points {
    color: #d30040;
}

.padding-top-10 {
    padding-top: 10px;
}

.ngrs-range-slider .ngrs-join {
    background-image: linear-gradient(#ef0049, #d30040);
}



/* Menu changes */
.desktop-menu-container, .desktop-menu-container-sticky {
    background: #706f6f;
}

.navbar {
    border: 0px;
}

.desktop-menu-container li a, .desktop-menu-container-sticky li a, .desktop-menu-container li a:focus {
    color: #FFF;
}

    .desktop-menu-container li a:hover, .desktop-menu-container-sticky li a:hover, .desktop-menu-container-sticky li a:hover {
        background: #848484;
        color: #FFF;
    }

.submenu .dropdown-menu {
    background: #706f6f;
}

.dropdown-menu {
    padding: 0;
}

.header-pull-down {
    font-size: 15px !important;
}


.sticky-items, .sticky-items a {
    color: #FFF;
}

    .sticky-items a:hover, .sticky-items a:focus {
        color: #b0b0b0;
    }

.basket-list {
    color: #333;
}

.sticky-items .basket-click {
    background: url(/images/basket_icon_mobile.png) no-repeat bottom;
}

.sticky-items .basket-list .basket_top .basket_total_top {
    background: url(/images/basket_icon_mobile.png) no-repeat center #aaa79f;
}

.desktop-menu-container-sticky .sticky-logo {
    margin-top: 7px;
}


/* Catalog changes */
.catalog-block:hover {
    background: #d30040;
}

.catalog-block .catalog-icon-order {
    width: 120px;
    background-image: url(../images/catalog_icon_order.png);
}

.catalog-block .catalog-icon-new {
    width: 150px;
    background-image: url(../images/catalog_icon_new.png);
}

.catalog-block .catalog-icon-suggestions {
    width: 150px;
    background-image: url(../images/catalog_icon_suggestions.png);
}

.catalog-block .catalog-icon-offers {
    width: 150px;
    background-image: url(../images/catalog_icon_offers.png);
}

.catalog-block .catalog-icon-popular {
    width: 110px;
    background-image: url(../images/catalog_icon_popular.png);
}

.catalog-block .catalog-icon-savingsgoal {
    background-image: url(../images/catalog_icon_savingsgoal.png);
}

.catalog-block:hover .catalog-icon-savingsgoal {
    background-image: url(../../../images/catalog_icon_savingsgoal_hover.png);
}

.catalog-block .catalog-icon-savingsgoal-has-savingsgoal {
    background-image: url(../images/catalog_icon_savingsgoal_has_savingsgoal.png);
}

.catalog-block-savingsgoal-overlay {
    background: #d30040;
}

.savings-goal-dropdown .progress-container .progress-inner {
    background: #d30040;
    background: -webkit-linear-gradient(rgba(211,0,64,1), rgba(239,0,73,1));
    background: -o-linear-gradient(rgba(211,0,64,1), rgba(239,0,73,1));
    background: -moz-linear-gradient(rgba(211,0,64,1), rgba(239,0,73,1));
    background: linear-gradient(rgba(211,0,64,1), rgba(239,0,73,1));
}

.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-inner {
    background: #d30040;
}

.product-points {
    font-size: 16px;
}

.product-offer {
    background: #d30040;
}

.product-offer-overview {
    color: #d30040;
}

.product-recommend {
    background: #706f6f;
}

.product-recommend-overview {
    color: #706f6f;
}



/* Custom login button */
.custom_login_block {
    margin: 60px 0;
    text-align: center;
    display: block;
}

    .custom_login_block a {
        padding: 30px 110px;
        font-size: 20px;
        color: #FFFFFF;
        background: rgba(211,0,64,1);
        background: -moz-linear-gradient(-45deg, rgba(211,0,64,1) 0%, rgba(239,0,73,1) 51%, rgba(239,0,73,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(211,0,64,1)), color-stop(51%, rgba(239,0,73,1)), color-stop(100%, rgba(239,0,73,1)));
        background: -webkit-linear-gradient(-45deg, rgba(211,0,64,1) 0%, rgba(239,0,73,1) 51%, rgba(239,0,73,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(211,0,64,1) 0%, rgba(239,0,73,1) 51%, rgba(239,0,73,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(211,0,64,1) 0%, rgba(239,0,73,1) 51%, rgba(239,0,73,1) 100%);
        background: linear-gradient(135deg, rgba(211,0,64,1) 0%, rgba(239,0,73,1) 51%, rgba(239,0,73,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30040', endColorstr='#ef0049', GradientType=1 );
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border: 0px solid #000000;
    }

        .custom_login_block a:hover {
            -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.5);
            box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.5);
            text-decoration: none;
        }


/*Footer aanpassingen*/
.footer-container {
    background: #242426;
    color: #FFF;
}

    .footer-container a {
        color: #FFF;
    }

.wrapper_main_content_loggedin {
    /* must be same height as the footer */
    padding-bottom: 200px;
}

.wrapper_main_footer_loggedin {
    /* negative value of footer height */
    margin-top: -200px;
    height: 200px;
}

@media (max-width: 991px) {
    .savings-goal-star-active, .savings-goal-star-active:hover {
        color: #d30040 !important;
    }
}

.program-terms-checkbox {
    display: none;
}

.mandatory-input-container .program-terms-checkbox {
    display: block;
}