.item { border-radius: 3px; overflow: hidden; }
.item-detail { padding: 10px 10px 10px 10px; border-radius: 3px; overflow: hidden; text-align: center; }
.item-detail .title { color: #555; margin-bottom: 3px; font-weight: bold; }
.hover-detail { display: flex; background: none; flex-direction: column; align-items: center; justify-content: center; opacity: 0; }
.item:hover .hover-detail { opacity: 1; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; -ms-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.hover-weight { margin-top: 4px; font-size: 12px; }
.view-product { border: solid 1px white; padding: 5px 15px; margin-top: 17px; font-size: 12px; }
.product-list-filter-title { color: #333; cursor: pointer; font-weight: bold; }
.product-list-filter-body { display: none; }
.product-list-filter { padding: 0 10px; padding-bottom: 20px; }
.product-list-filter-header { text-align: center; padding: 5px; border-bottom: solid 1px silver; color:black }
.slider-filter { display: block; padding: 4px; }
#slider-price, #slider-weight { height: 3px !important; }
.noUi-connect { background: #E1CEC7; height:40%; }
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { background: white; box-shadow: none; overflow: hidden; }
.noUi-target.noUi-horizontal .noUi-tooltip { background-color: #333; }
.product-list-filter .uk-checkbox:checked { background-color: #E1CEC7; }
.slider-holder { height: 23px; padding-top: 10px; margin: 0 9px; }
.product-list-filter-body li { margin-top: 5px; }
.not-found { text-align: center; font-weight: bold; font-size: 23px; margin-top: 35px; }

.order-by-section { font-size: 13px; }
.order-by { color: #AAA; }
.order-by:hover { color: #333; text-decoration: none; }
.order-by.active { color: #E1CEC7; font-weight: bold; }

.noUi-target { background: none; border: none; }
.noUi-handle::before { background:none; }
.noUi-handle::after { background:none; }
.noUi-handle { border:1px solid silver; }

.item-collection-image { background-position: center; background-size: cover; flex: 1; }
.collection-image-container { height:400px; }

#search-form { position: relative; color: #555; padding: 10px; }
#filter-loader { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #33333311; border-radius: 7px; }

.stone-content, .leather-content { position: relative; padding: 4px; width: 44px; height: 44px; } 
.stone, .leather { opacity: 1; position: absolute; }
.stone-image, .leather-image { position: absolute; transition: transform .2s; /* Animation */ z-index: 50; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.leather-image:hover { transform: scale(3.0); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ z-index: 100; border: solid 1px silver; border-radius: 2px; } 
.stone + span.stone-border, .leather + span.leather-border { display: none; }
.stone:checked + span.stone-border, .leather:checked + span.leather-border { border: 3px solid #0abb87; border-radius: 5px; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 75; }
.stone-content .icon-check, .leather-content .icon-check { position: absolute; bottom: -2px; right: 0; color: green; }

#btn-filter { display: none; }
#close-filters { display: none; }
@media (min-width: 959px) {
    .uk-width-1-5 { padding: 0; }
}
@media (max-width: 959px) { 
    #btn-filter { display: inline-block; position: fixed; z-index: 49000; right: 15px; bottom: 15px; border-radius: 50%; padding: 0; width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; background-color: #E1CEC7; color: white; }
    #search-form { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 50000; background-color: white; padding: 30px; overflow-y: auto; }
    #close-filters { display: inline-block; position: absolute; top: 10px; left: 18px; font-size: 25px; }
}

.item .tags { position: absolute; left: 0; bottom: 0; }
.item .tags img { width: 35px; }