// main: ga-fabricfarm.less

.search-result {
    .well {
        min-height: inherit;
        padding: 20px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid @box-border;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .customer-search {
        .stylish-input-group .input-group-addon {
            background: white !important;
            font-size: 32px;
        }
        .stylish-input-group .form-control {
            border-right:0; 
            box-shadow:0 0 0; 
            border-color:#ccc;
            height: 56px;
        }
        .stylish-input-group button {
            border:0;
            background:transparent;
        }
    }
    .search-result-wrap {
        .result-state {
            border-bottom: 2px solid #333;
            margin-bottom: 20px;
            p {
                font-size: 18px; text-align:center;
                span {color: @primary-color; font-weight: bold;}
            }
        }
    }
}
@media (max-width: 767px) {
    .search-result-wrap {
        .search-result-category {
            text-align: center;
            padding-left: 0;
            & li {
                display: inline-block;
                margin: 0 10px 10px 10px;
                span {color: @primary-color;}
                a.ative {
                    color: #000;
                    font-weight: bold;
                    text-decoration: underline;
                }
            }
        }
    }
}

@media (min-width: 768px) {
    .search-result-wrap {
        .search-result-category {
            text-align: center;
            padding-left: 0;
            & li {
                margin: 0 10px 10px 10px;
                display: inline-block;
                list-style: none;
                span {color: @primary-color;}
                a.ative {
                    color: #000;
                    font-weight: bold;
                    text-decoration: underline;
                }
            }
        }
    } 
}

@media (min-width: 992px) {
    .search-result-wrap {
        .search-result-category {
            text-align: inherit;
            padding-left: 15px;
            font-size: 14px;
            margin-top: 20px;
            & li {
                line-height: 160%;
                span {color: @primary-color;}
                a.ative {
                    color: #000;
                    font-weight: bold;
                    text-decoration: underline;
                }
            }
        }
    } 
}