/* Override  algolia css */
.ais-ClearRefinements-button, .ais-CurrentRefinements-reset, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-InfiniteResults-loadMore, .ais-Menu-showMore, .ais-RefinementList-showMore {
    background-color: #ff0064!important;
}
.ais-Hits-item, .ais-InfiniteHits-item, .ais-InfiniteResults-item, .ais-Results-item {
    width: inherit;
    margin: 0.5rem;
}
.ais-Pagination-item--selected .ais-Pagination-link {
    background-color: #ff0064;
    border-color: #ff0064;
}

/* ----------------
Override project style*/
.listing-item-container {
    margin-bottom: 0px;
}
.listing-item img {
    max-width: 350px;
}

.ais-ClearRefinements-button{
    width: 100%;
    text-align: center;
    background-color: #f91942;
    line-height: 26px;
    top: 0;
    padding: 9px 20px;
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 6px;
    overflow: hidden;
    border: none;
    border-radius: 50px;
    margin-top: 25px !important;
}
.ais-RefinementList-showMore:hover,.ais-RefinementList-showMore:focus {
    outline: 0!important;
    box-shadow: none!important;
}

/* custom css for noUI slider */
#nb_attendees {
    height: 6px;
    margin-top: 35px;
    margin-bottom: 40px;
    width: 100%;
    background: #495588;
    border-color: #878faf;
}

#nb_attendees .noUi-connect {
    background: #fff!important;
    border-color: #878faf;
}

#nb_attendees .noUi-handle {
    height: 20px;
    width: 20px;
    top: -8px;
    right: -10px; /* half the width */
    border-radius: 12px;
    border-color: #878faf;
    cursor: grab;
    box-shadow: none;
}
/* Handle stripes;
 */
#nb_attendees .noUi-handle:before,
#nb_attendees .noUi-handle:after {
    content: "";
    background: transparent;
}
#nb_attendees .noUi-target {
    background: #fff!important;
    border: 1px solid #878faf!important;
    box-shadow: none!important;
}
#nb_attendees .noUi-value {
    font-size: .8rem!important;
    color: #3a4570;
}

#nb_attendees  .noUi-value-horizontal {
    transform: translate(-50%, 15%)!important;
    margin-top: 8px!important;
}
#nb_attendees  .noUi-marker-horizontal.noUi-marker-large {
    height: 10px;
    background: #3a4570;
}
#nb_attendees  .noUi-tooltip {
    border: none !important;
    color: #000!important;
    padding: 0px!important;
}
