﻿body {
    color: #000;
}

.login_action_container .btn-primary, .login-secondary-btn {
    background: #89E872 !important;
}

    .login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus, .login-secondary-btn:hover, .login-secondary-btn:focus {
        background: #89E872 !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: #89E872;
}

    a:hover, a:focus {
        color: #89E872;
    }

.order-direct-container {
    background: #89E872;
}

.product-icon div .mat-icon:hover {
    color: #89E872;
}

.product-points {
    color: #89E872;
    font-size: 17px;
}

.btn-primary, .btn-success {
    background: #89E872;
    border: 0;
}

    .btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
        background: #74c360 !important;
    }

.service-btn:hover, .service-btn-active {
    background: #89E872;
    color: #FFFFFF;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #89E872;
}

.ngrs-range-slider .ngrs-join {
    background-image: linear-gradient(#89E872, #74c360);
}

.footer-container {
    background: #777777;
    color: #FFFFFF;
}

    .footer-container a, .footer-container a:hover {
        color: #FFFFFF;
    }

.social-container a:hover {
    text-decoration: none;
}
/* Custom login button */
.custom_login_block {
    margin: 60px 10px;
    text-align: left;
    display: block;
}

    .custom_login_block a {
        padding: 30px 60px;
        font-size: 15px;
        color: #FFFFFF;
        background: rgba(137,232,114,1);
        background: -moz-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(137,232,114,1)), color-stop(51%, rgba(116,195,96,1)), color-stop(100%, rgba(116,195,96,1)));
        background: -webkit-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
        background: linear-gradient(135deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89E872', endColorstr='#74c360', 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;
        }


@media only screen and (max-width : 768px) {
    .custom_login_block {
        margin: 30px 10px !important;
        text-align: center !important;
    }
}


.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;
    background: #777777;
}

@media (max-width: 991px) {
    .savings-goal-star-active, .savings-goal-star-active:hover {
        color: #89E872 !important;
    }
}


/* Catalog changes */
.catalog-block:hover, .catalog-block-savingsgoal-overlay, .catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-inner {
    background: none;
}

.catalog-block .catalog-icon-savingsgoal {
    background-image: url(../Images/catalog_icon_savingsgoal_green.svg);
}

.catalog-block-savingsgoal-overlay, .catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-inner {
    background: #8fe477;
}

.catalog-block-savingsgoal-overlay-inner .progress-container {
    padding: 10px;
}

.catalog-block .catalog-icon-savingsgoal-has-savingsgoal, .catalog-block:hover .catalog-icon-savingsgoal {
    background-image: url(../Images/catalog_icon_savingsgoal_hassavingsgoal.svg);
}

.catalog-block .catalog-icon-order {
    width: 150px;
    background-image: url(../Images/catalog_icon_order_blue.svg);
}

.catalog-block:hover .catalog-icon-order {
    width: 150px;
    background-image: url(../Images/catalog_icon_order_green.svg);
}

.catalog-block:hover .catalog-block-text {
    color: black;
}

.catalog-block .catalog-icon-new {
    width: 150px;
    background-image: url(../Images/catalog_icon_new_blue.svg);
}

.catalog-block:hover .catalog-icon-new {
    width: 150px;
    background-image: url(../Images/catalog_icon_new_green.svg);
}

.catalog-block .catalog-icon-suggestions {
    width: 150px;
    background-image: url(../Images/catalog_icon_allproducts_blue.svg);
}

.catalog-block:hover .catalog-icon-suggestions {
    width: 150px;
    background-image: url(../Images/catalog_icon_allproducts_green.svg);
}

.catalog-block .catalog-icon-offers {
    width: 150px;
    background-image: url(../Images/catalog_icon_offers_blue.svg);
}

.catalog-block:hover .catalog-icon-offers {
    background-image: url(../Images/catalog_icon_offers_green.svg);
}


.catalog-block .catalog-icon-popular {
    width: 150px;
    background-image: url(../Images/catalog_icon_popular_blue.svg);
}

.catalog-block:hover .catalog-icon-popular {
    width: 150px;
    background-image: url(../Images/catalog_icon_popular_green.svg);
}

/*preloads hover icons for catalog*/
body::after {
    display: block;
    overflow: hidden;
    height: 0;
    width: 0;
    content: url(../Images/catalog_icon_offers_green.svg) url(../Images/catalog_icon_order_green.svg) url(../Images/catalog_icon_allproducts_green.svg) url(../Images/catalog_icon_savingsgoal_hassavingsgoal.svg) url(../Images/catalog_icon_popular_green.svg) url(../Images/catalog_icon_new_green.svg);
}
/*end catalog changes*/

.login-country-buttons-container {
    position: relative;
    width: 100%;
    text-align: center;
}

    .login-country-buttons-container .country-link {
        display: inline-block;
        margin: 5px;
        padding: 20px 0;
    }

        .login-country-buttons-container .country-link a {
            padding: 20px 30px;
            font-size: 15px;
            color: #FFFFFF;
            background: rgba(137,232,114,1);
            background: -moz-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
            background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(137,232,114,1)), color-stop(51%, rgba(116,195,96,1)), color-stop(100%, rgba(116,195,96,1)));
            background: -webkit-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
            background: -o-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
            background: -ms-linear-gradient(-45deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
            background: linear-gradient(135deg, rgba(137,232,114,1) 0%, rgba(116,195,96,1) 51%, rgba(116,195,96,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89E872', endColorstr='#74c360', 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;
        }

            .login-country-buttons-container .country-link 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;
            }

.header-pull-down {
    line-height: 28px;
}

.sticky-logo, .sticky-items {
    padding-top: 0.5rem;
}
