﻿@import (reference) "bootstrap.less";  
@import (reference) "Onestop.Common.Variables.less";
@import (reference) "Onestop.Common.Mixins.less"; 

//Theme specific styles or imports of theme less files go here

h3 {
    color:@peba-blue;
}
 
.os-page-container {
    &:after {
        content: "";
        position: absolute;
        box-shadow: 0 0 45px rgba(0,0,0,0.2);
        height: 50px;
        bottom: -50px;
        width: 100%;
        border-radius: 230px/54px;
    }

    position: relative;
    padding-bottom: 50px;

    .os-make-xs-ruleset({
        margin-top:109px;
    });
}

.my-account {
    .os-page-container {
        &:after {
            display: none;
        }
    }

    .os-main-footer {
        clear: both;
    }
}

.os-breadcrumbs {
    background-color: transparent !important;
}

.os-shopping-cart {
    .os-panel-footer {
        padding-bottom: 150px;

        form {
            margin-bottom: 10px;
        }
    }


    > .controller-shoppingcart {
        > .os-panel-body {
            .os-item {
                .os-item-media {
                    .os-make-xs-ruleset({
                        float:none;
                        width: 100%;
                    });
                }
            }
        }
    }
}

//store-locator
.widget-store-locator-widget {
    display: inline-block;

    .filter {
        margin-bottom: 20px;
    }
}
//modal
.modal-content {
    padding: 20px 20px;

    .modal-body {
        .os-product-price {
            span.sale {
                color: red;
            }

            span.os-markdown {
                color: #000;
            }
        }
    }
}
//gift cards
.gift-card-amount-grid {
    .btn-success {
        background-color: @peba-blue;
        border-color: lighten(@peba-blue, 10%);
    }
}

//wishlist
.mylists {
    .btn-success, .btn-info  {
        background-color: @peba-blue;
        border-color: lighten(@peba-blue, 10%);
    }
}

//validation
.validationMessage, .field-validation-error {
    color: #ff0000;
}

.modal {
    z-index: 2000;
}

.os-product-list {
    .os-panel-body {
        .os-facets {
            display: none;
        }
    }
}

body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

.os-body-wrapper.right.in {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/*body.os-overflow-hidden {
    //height: 100%;
    overflow: auto !important;
}*/

.os-body-wrapper.left.in {
    overflow: hidden;
    position: fixed;
}