/* Define your custom CSS here */
.algolia-instant-results-wrapper
{
    padding-bottom: 80px;
}
.ais-SortBy-select
{
    padding: 0 20px;
}
.ais-Hits-item .product-item
{
    text-align: left;
}
.ais-Hits-item .custom-product-list-price-homepage .price-wrapper
{
    font-size: 1.4rem;
    font-weight: 500;
    margin: 10px 0 15px;
}
.ais-Hits-item  .product-item-details
{
    margin-top: 10px;
}
.ais-Hits-item .product-item
{
    margin-bottom: 35px;
    min-height: 600px !important;
}

.ais-Panel
{
    border: 0;
}
.ais-Panel-header {
    border: 0;
    border-bottom: 1px solid #cccccc;
    padding: 10px 40px 0 10px;
    font-weight: 500;
    font-size: 1.1rem;
    background-color: #fff;
}
a.ais-HierarchicalMenu-link, a.ais-HierarchicalMenu-link:hover
{
    color: #000;
}
li.ais-RefinementList-item
{
    margin-bottom: 0px;
}
label.ais-RangeInput-label
{
    width: 100px;
    margin-right: 10px;
}
span.ais-RangeInput-separator
{
    margin-right: 10px;
}
button.ais-RangeInput-submit
{
    background: #000;
    border: solid 1px #000;
    padding: 5px 10px;
    color: #fff;
    margin-top: -7px;
    vertical-align: top;
}
.ais-Panel-body
{
    padding-top: 20px;
}
.ais-CurrentRefinements-item
{
    background: #f1f1f1;
    border: 0;
    padding: 8px 20px;
    border-radius: 30px;
    margin-bottom: 10px;
}
.ais-CurrentRefinements-delete {
    margin-left: 10px;
    margin-bottom: 3px;
    font-size: 16px;
}
#algolia_instant_selector .ais-ClearRefinements button.ais-ClearRefinements-button {
    background: #fff !important;
    border: 0 !important;
    color: #000 !important;
    text-align: left !important;
    font-size: 1rem !important;
    font-family: 'GeneralSans-Regular', sans-serif !important;
    text-decoration: underline !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
}
input.ais-RangeInput-input:before{
    content: '€';
}
input.ais-RefinementList-checkbox:checked:before{
    background-color:#000;
}
/********** PAGINATION  **********/
li.ais-Pagination-item.ais-Pagination-item--page
{
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 8px 0 0;
    padding: 0;
}
li.ais-Pagination-item.ais-Pagination-item--page:hover
{
    background-color: #000;
    border: 1px solid #ccc;
    margin: 0 8px 0 0;
}
li.ais-Pagination-item.ais-Pagination-item--page:hover a
{
   color: #fff;
}
li.ais-Pagination-item.ais-Pagination-item--page.ais-Pagination-item--selected
{
    background-color: #000;
    margin: 0 8px 0 0;
    padding: 0;
}
li.ais-Pagination-item.ais-Pagination-item--page > a{
    width: 32px;
    height: 32px;
    color: #000;
    display: inline-block;
    padding: 5px 0 0 0;
    text-decoration: none;
}
li.ais-Pagination-item.ais-Pagination-item--page > a:hover{

    color: #fff;
}
li.ais-Pagination-item.ais-Pagination-item--page.ais-Pagination-item--selected > a
{
    background: #000;
    border: 1px solid #000;
    letter-spacing: normal;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 5px 0 0 0;
}
.ais-Pagination-item.ais-Pagination-item--nextPage > a,.ais-Pagination-item.ais-Pagination-item--nextPage > a:hover,
.ais-Pagination-item.ais-Pagination-item--previousPage > a, .ais-Pagination-item.ais-Pagination-item--previousPage > a:hover
{
    color: #000;
}