﻿/* Algemeen */
body {
    font-family: Source Sans Pro, sans-serif;
    color: #51433D;
    background: #f5f3ef;
}

.row-header, .row-header .header-user .user-list ul li a {
    color: #51433D;
}

.btn-primary, .login_action_container .btn-primary, .login-secondary-btn, .service-btn:hover, .service-btn-active, .catalog-block:hover, .catalog-block-savingsgoal-overlay, .catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-inner {
    background: #51433D !important;
    border: 1px solid #403530 !important;
}

    .btn-primary:hover, .login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus, .login-secondary-btn:hover, .login-secondary-btn:focus {
        background: #403530 !important;
    }


a, .header-points a, .header-points span, .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, .product-details-icon .mat-icon:hover {
    color: #950B31;
}

    a:hover, a:focus {
        color: #403530;
    }

.delivery-container .btn-primary:focus, .delivery-container .btn:focus {
    outline-color: #51433D;
}

.wrapper_main_content_loggedin {
    /* must be same height as the footer */
    padding-bottom: 196px;
}

.wrapper_main_footer_loggedin {
    /* negative value of footer height */
    margin-top: -196px;
    height: 196px;
}

.ngrs-range-slider .ngrs-join, .savings-goal-dropdown .progress-container .progress-inner {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #51433D), color-stop(100%, #403530));
    background-image: -moz-linear-gradient(#51433D, #403530);
    background-image: -webkit-linear-gradient(#51433D, #403530);
    background-image: linear-gradient(#51433D, #403530);
}

@media (max-width: 991px) {
    .savings-goal-star-active, .savings-goal-star-active:hover {
        color: #51433D !important;
    }
}

.savings-goal-dropdown .progress-container .progress-overlay {
    color: #FFF;
    font-weight: normal;
}
/* Footer */
.footer-container {
    background: #51433D;
    color: #FFF;
    font-size: 14px;
}

    .footer-container a, .footer-container a:hover {
        color: #FFF;
    }

    .footer-container .footer-copyright, .footer-container .footer-copyright a {
        color: #a9a9a9;
    }


/* Header */
.logo-container {
    padding: 0;
}

    .logo-container .logo-col,
    body.unauthenticated .logo-container a {
        position: absolute;
        z-index: 9;
    }

.header-beforelogin {
    margin-bottom: 10px;
}

.desktop-menu-container, .desktop-menu-container-sticky, .row-header .dropdown-menu {
    background: #51433D;
    color: #FFF;
}

.desktop-menu-container {
    margin-top: 6px;
}

    .desktop-menu-container ul li {
        margin-right: 0;
        /*margin-left: 45px;*/
    }

.desktop-menu-container-sticky ul {
    background: #51433D;
}

.desktop-menu-container-sticky li {
    margin: 0 5px;
    background: #51433D;
}

    .desktop-menu-container li a, .desktop-menu-container-sticky li a {
        color: #FFF;
        text-transform: uppercase;
        font-weight: normal;
    }

        .desktop-menu-container li a:hover, .desktop-menu-container-sticky li a:hover {
            background: #51433D;
            text-decoration: underline;
            color: #FFF;
        }

.desktop-menu-container-sticky .basket-click {
    background: url("/images/basket_icon_mobile.png") no-repeat bottom;
}

.desktop-menu-container-sticky .header-points a, .desktop-menu-container-sticky .header-points span {
    color: #FFF;
}

    .desktop-menu-container-sticky .header-points a:hover, .desktop-menu-container-sticky .header-points span:hover {
        color: #FFF;
        text-decoration: underline;
    }

.desktop-menu-container li a:focus, .desktop-menu-container-sticky li a:focus {
    color: #FFF;
}

.dropdown-menu li a {
    text-transform: none;
    font-size: 14px;
}

.desktop-menu-container-sticky .sticky-logo {
    margin-top: 5px;
}

.desktop-menu-container-sticky .sticky-logo {
    margin-top: 0;
}

    .desktop-menu-container-sticky .sticky-logo .logo-row .logo-col {
        position: absolute;
    }

.desktop-menu-container-sticky .sticky-items {
    margin-left: 13%;
}

/* Catalog */
.product-points {
    font-size: 16px;
}

/* Mobile */
.mobile-menu, .mobile-header {
    background: #292929;
}

    .mobile-menu .sidebar-nav li a:hover {
        border-left: 2px solid #51433D;
    }

.product-filter-mobile-open:hover, .display-options-row .display-options-col .glyphicon-inactive:hover {
    color: #51433D;
}

.logo-container-mobile {
    padding-top: 40px !important;
    z-index: 9;
}

.mobile-header .basket-click {
    background: none;
    font-size: 18px;
}

.order-steps {
    background: #51433D;
    color: #FFF;
}

    .order-steps div.disable-step:hover {
        background-color: #51433D !important;
    }

    .order-steps div.active-step, .order-steps div:hover {
        background-color: #950B31;
        color: #FFF;
    }

.wijactie-text {
    display: none !important;
}

.desktop-menu-container-sticky .sticky-menu-items {
    width: 67%;
}

.desktop-menu-container li a, .desktop-menu-container-sticky li a {
    padding: 0 12px;
}

.desktop-menu-container li ul a, .desktop-menu-container-sticky li ul a {
    line-height: 1.42857143;
}

.header-pull-down .header-points {
    line-height: 30px;
}
