//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .storelocator-index-index {
        .storelocator-wrapper {
            h2.title-page {
                .lib-font-size(40);
                background: none;
                color: @djo-gray;
                font-weight: 900;
                margin-bottom: 10px;
                padding: 0;
                text-align: center;
                text-transform: none;
            }
            .subtitle-page {
                .lib-font-size(20);
                color: @djo-gray-light;
                font-weight: 700;
                margin-bottom: 40px;
                text-align: center;
            }
            .mgs-search-by-type {
                ul {
                    .lib-clearfix();
                    .lib-list-inline();
                    margin: 0 auto 25px;
                    max-width: 420px;
                    .search-type-filter {
                        .lib-font-size(17);
                        font-weight: 700;
                        letter-spacing: 0.02em;
                        text-transform: uppercase;
                        &:last-child {
                            float: right;
                        }
                        a {
                            color: @djo-gray;
                            &:hover,
                            &.active {
                                color: @djo-blue;
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
            .search-by-distance {
                .search-by-provider {
                    ul {
                        .lib-clearfix();
                        .lib-list-inline();
                        margin: 0 auto 30px;
                        max-width: 400px;
                        .provider-filter {
                            .lib-font-size(16);
                            color: @djo-gray;
                            font-weight: 700;
                            &:last-child {
                                float: right;
                            }
                        }
                    }
                }
                .search-by-distance-inner {
                    .lib-clearfix();
                    font-size: 0;
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 920px;
                    .location-text-input {
                        display: inline-block;
                        width: 50%;
                        input {
                            .lib-font-size(16);
                            border-color: @djo-gray;
                            border-radius: 30px;
                            color: @djo-gray-light;
                            max-width: 100%;
                            width: 400px;
                        }
                    }
                    .slider-range-min {
                        display: inline-block;
                        float: right;
                        margin-left: 0;
                        width: 50%;
                        .slider-range-amount {
                            .lib-font-size(16);
                            color: @djo-gray;
                        }
                        .show-unit {
                            top: 25px;
                        }
                    }
                    label {
                        .lib-font-size(16);
                        color: @djo-gray;
                        display: block;
                        margin-bottom: 5px;
                    }
                }
            }
            .country-selector {
                margin-bottom: 30px;
                text-align: center;
                .country-selector-inner {
                    display: inline-block;
                    text-align: left;
                    label {
                        .lib-font-size(16);
                        color: @djo-gray;
                        display: inline-block;
                        margin-bottom: 5px;
                    }
                    select {
                        .lib-font-size(16);
                        border-color: @djo-gray;
                        border-radius: 30px;
                        color: @djo-gray-light;
                        max-width: 100%;
                        width: 400px;
                    }
                }
            }
            .button-box {
                clear: both;
                margin-bottom: 50px;
                text-align: center;
                .btn-search-distance,
                .btn-search-area {
                    .lib-font-size(12);
                    background: @djo-blue;
                    border: 1px solid @djo-blue;
                    border-radius: 30px;
                    color: @color-white;
                    cursor: pointer;
                    font-weight: 700;
                    letter-spacing: 0.07em;
                    padding: 10px 30px;
                    text-align: center;
                    text-transform: uppercase;
                    width: 150px;
                    &:hover {
                        background: @djo-blue-dark;
                        border-color: @djo-blue-dark;
                    }
                }
                .btn-reset-search-distance,
                .btn-reset-search-area {
                    .lib-font-size(12);
                    background: transparent;
                    border: none;
                    color: @djo-gray;
                    cursor: pointer;
                    font-weight: 700;
                    letter-spacing: 0.07em;
                    padding: 10px;
                    text-align: center;
                    text-decoration: underline;
                    text-transform: uppercase;
                    &:hover {
                        color: @djo-blue;
                    }
                }
            }
            .list-store-box {
                h2 {
                    background: @djo-blue;
                }
            }
            .mgs-search-box {
                .search-content {
                    border: 0;
                    background: none;
                    padding: 0;
                }
                .slider-range {
                    .ui-slider-handle {
                        background: @djo-blue;
                    }
                }
            }
        }
    }
    // override default Bootstrap pagination colors
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: @djo-blue;
        border-color: @djo-blue;
    }
}