﻿@font-face {
    font-family: Nissan;
    font-weight: normal;
    src: url(../font/Nissan-Brand-Regular.otf) format("opentype");
}

@font-face {
    font-family: Nissan;
    font-weight: bold;
    src: url(../font/Nissan-Brand-Bold.otf) format("opentype");
}

@font-face {
    font-family: Nissan;
    font-weight: 300;
    src: url(../font/Nissan-Brand-Light.otf) format("opentype");
}

@font-face {
    font-family: Nissan;
    font-style: italic;
    src: url(../font/Nissan-Brand-Italic.otf) format("opentype");
}


body {
    font-family: Nissan, sans-serif;
    color: #000000;
}

.login_action_container .btn-primary, .login-secondary-btn {
    background: #C3002F !important;
    color: #000000;
}

    .login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus, .login-secondary-btn:hover, .login-secondary-btn:focus {
        background: #de0036 !important;
        color: #000000;
    }

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: #C3002F;
}

    a:hover, a:focus {
        color: #de0036;
    }

.order-direct-container {
    background: #C3002F;
    color: #000000;
}

.product-icon div .mat-icon:hover {
    color: #C3002F;
}

.product-points {
    color: #C3002F;
}

.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;
}

@media (max-width: 991px) {
    .savings-goal-star-active, .savings-goal-star-active:hover {
        color: #C3002F !important;
    }
}

/* Menu changes */
.desktop-menu-container, .desktop-menu-container-sticky {
    background: #C3002F;
}

    .desktop-menu-container li a, .desktop-menu-container-sticky li a {
        color: #FFFFFF;
        font-weight: normal;
    }

        .desktop-menu-container li a:hover, .desktop-menu-container-sticky li a:hover {
            background: #de0036;
            color: #FFFFFF;
        }

        .desktop-menu-container li a:focus, .desktop-menu-container-sticky li a:focus {
            color: #FFFFFF;
        }

    .desktop-menu-container-sticky .basket-click {
        background: url(/images/basket_icon_mobile.png) no-repeat bottom;
        color: #FFFFFF;
    }

.submenu .dropdown-menu {
    background: #C3002F;
    opacity: 0.9;
}

.desktop-menu-container-sticky .header-points a {
    color: #FFFFFF;
}


/* Footer changes */
.footer-container {
    background: #000000;
    color: #FFF;
}

    .footer-container a {
        color: #FFF;
    }

        .footer-container a:hover {
            color: #C3002F;
        }

/* Catalog */
.ngrs-range-slider .ngrs-join {
    background-image: linear-gradient(#de0036, #C3002F);
}

.catalog-block .catalog-icon-savingsgoal-has-savingsgoal {
    background-image: url(/Areas/ALDAutomotive-SparenMetNBF/Images/catalog_icon_savingsgoal_has_savingsgoal.png);
}

.catalog-block-savingsgoal-overlay, .catalog-block:hover, .service-btn:hover, .service-btn-active, .catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-inner {
    background: #C3002F;
    color: #000000;
}

    .catalog-block:hover .catalog-icon-new {
        background: url(/images/catalog_icon_new.png);
    }

    .catalog-block:hover .catalog-icon-popular {
        background: url(/images/catalog_icon_popular.png);
    }

    .catalog-block:hover .catalog-icon-order {
        background: url(/images/catalog_icon_order.png);
    }

    .catalog-block:hover .catalog-icon-savingsgoal {
        background: url(/images/catalog_icon_savingsgoal.png);
    }

    .catalog-block:hover .catalog-icon-suggestions {
        background: url(/images/catalog_icon_suggestions.png);
    }

    .catalog-block:hover .catalog-icon-offers {
        background: url(/images/catalog_icon_offers.png);
    }

.row-header, .row-header .header-user .user-list ul li a, .nav-tabs > li > a {
    color: #000000;
}

.basket-click {
    background: url(/Areas/ALDAutomotive-SparenMetRBF/Images/basket_icon.png) no-repeat bottom;
}

.header-pull-down .header-points {
    line-height: 30px;
}
