.isures-filter--wrap * {
-webkit-overflow-scrolling: unset !important
}
.isures-item--attribute br {
display: none !important;
visibility: hidden !important;
}
.inline-bl {
display: inline-block;
}
.isures-labe--color {
width: 35px;
height: 35px;
} .isures-before--loop {
max-width: 100% !important;
}
.isures-filter--wrap {
text-align: left
}
.isures-filter--wrap li {
list-style-type: none
}
.isures-term--filter {
margin-bottom: 10px !important
}
.isures-filter--wrap .isures-widget--hidden.isures-term--filter {
margin: 0 !important;
display: none !important
}
.isures-filter--wrap a,
.isures-term--filter a {
text-decoration: none !important;
font-size: 14px
}
.isures-filter--wrap a,
.isures-filter--wrap a:focus {
outline: 0;
color: #333
}
.isures-labe--color {
display: block;
border: 1px solid #f1f1f1
}
.isures-labe--color:hover {
border: 1px solid var(--isures-filter-primary)
}
.isures_type_image .isures-item--attribute,
.isures_type_image.isures-cate--filter .isures-item--attribute,
.isures_type_image_label .isures-item--attribute,
.isures_type_image_label.isures-cate--filter .isures-item--attribute {
max-width: 99px;
width: 99px;
vertical-align: middle
}
.isures_type_image_label span.count {
display: none
}
.isures_type_image .isures-item--attribute a,
.isures_type_image.isures-cate--filter .isures-item--attribute a,
.isures_type_image_label .isures-item--attribute a,
.isures_type_image_label.isures-cate--filter .isures-item--attribute a {
padding: 6px 13px;
vertical-align: top
}
.isures_type_image .isures-item--attribute a img,
.isures_type_image.isures-cate--filter .isures-item--attribute a img,
.isures_type_image_label .isures-item--attribute a img,
.isures_type_image_label.isures-cate--filter .isures-item--attribute a img {
display: flex;
width: auto;
max-width: 98%;
object-fit: contain;
justify-content: center
}
.isures-term--filter.isures_type_color .isures-item--attribute a {
padding: 0;
border: 1px solid transparent !important;
position: relative;
overflow: visible !important
}
.isures-term--filter.isures_type_color .isures-item--attribute a .count {
display: none
}
.isures-label--hover {
position: absolute;
background: rgba(0, 0, 0, .79);
color: #fff;
display: block;
min-width: 60px;
width: 100%;
height: 20px;
line-height: 20px;
padding: 0 2px;
text-align: center;
top: -40px;
left: calc(50% - 30px);
visibility: hidden;
opacity: 0;
font-size: 11px;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 2px;
z-index: 10
}
.isures-term--filter.isures_type_color .isures-item--attribute a:hover .isures-label--hover {
opacity: 1;
visibility: visible;
top: -25px;
transition: all .1s ease-in-out
}
.isures-label--hover:after {
content: "";
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(0, 0, 0, .79);
left: calc(50% - 8px);
bottom: -8px
}
.isures-term--filter.isures_type_color .isures-item--attribute.active a::after {
content: 'x';
position: absolute;
width: 15px;
height: 15px;
background: rgba(0, 0, 0, .79);
border-radius: 100%;
text-align: center;
line-height: 15px;
color: #fff;
font-size: 10px;
top: -5px;
right: -5px;
z-index: 2
}
.isures-term--filter:not(.isures-cate--filter) .isures-item--attribute,
.isures_type_image.isures-cate--filter .isures-item--attribute,
.isures-item--price {
display: inline-block;
margin-right: 5px;
margin-top: 5px;
line-height: 1
}
.isures-term--filter.isures-cate--filter.isures_type_image .isures-item--attribute a,
.isures-term--filter:not(.isures-cate--filter) .isures-item--attribute a,
.isures-item--price a {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
border-radius: 5px;
font-size: 14px;
overflow: hidden;
border: 1px solid #e0e0e0;
padding: 5px 8px;
text-transform: capitalize;
font-weight: 400 !important;
outline: 0 !important;
transition: all .2s ease-in-out;
min-height: 36px;
min-width: 36px;
position: relative
}
.isures-term--filter.isures_type_image_label .isures-image--with_label {
font-size: 12px;
font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
margin-bottom: 8px
}
.isures-item--attribute .count {
margin-left: 5px;
font-weight: 700
}
.isures-term--filter.isures-cate--filter.isures_type_image .isures-item--attribute a:hover,
.isures-term--filter:not(.isures-cate--filter) .isures-item--attribute a:hover,
.isures-item--price a:hover {
border-color: var(--isures-filter-primary);
color: var(--isures-filter-primary)
}
.isures-term--filter.isures-cate--filter.isures_type_image .isures-item--attribute.active>a,
.isures-term--filter:not(.isures-cate--filter) .isures-item--attribute.active>a,
.isures-item--price.active a {
border: 1px solid var(--isures-filter-primary)
}
.isures_type_color .isures-item--attribute a {
width: 35px;
height: 35px;
display: block !important;
padding: 0 !important
}
.isures-filter--wrap .isures-widget--hidden,
.isures-global--hidden {
display: none !important;
visibility: hidden !important
}
.isures-widget--hidden,
.isures_type_image.isures-cate--filter .isures-item--attribute .count {
display: none !important;
visibility: hidden !important
}
.isures-term--filter {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 5px;
cursor: pointer;
padding: 8px 10px;
margin-bottom: 15px
}
.isures-term--filter>span {
font-size: 14px !important;
text-transform: uppercase;
font-weight: 700 !important;
color: #333;
display: inline-block;
padding: 0 !important;
margin-bottom: 0 !important;
border: none !important
}
.isures-wd--title {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #333;
display: inline-block
}
.isures-wd--title.active:before {
transform: rotate(180deg);
}
.inline.isures-term--filter {
display: inline-block;
margin-right: 10px
}
.isures-term--filter.block {
display: block;
width: 100%
}
.isures-filter--nav_wrap {
white-space: normal;
}
.isures-term--filter.block.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider) {
width: 100%
}
.isures-term--filter.block.isures-filter--dropdown .isures-filter--nav_wrap {
max-width: 100%;
min-width: 100%;
width: 100%;
}
.isures-term--filter.inline {
display: inline-block
}
.isures-active-filters a:not(.reset) {
display: inline-block;
color: #6c757d !important;
margin-right: 5px;
margin-top: 5px;
line-height: 1;
border: 1px solid #6c757d;
padding: 5px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 400 !important;
text-transform: capitalize
}
.isures-active-filters a:not(.reset):hover {
border: 1px solid var(--isures-filter-primary);
color: var(--isures-filter-primary) !important
}
.isures-active-filters a:not(.reset):hover * {
color: var(--isures-filter-primary) !important
}
.isures-active-filters svg {
margin-left: 5px;
display: inline-block
}
.isures-filter--rating_inner {
margin: 0 !important;
padding: 0 !important;
}
a[data-key="rating_filter"]>* {
display: inline-block;
vertical-align: middle;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.isures-filter--wrap .isures-active-filters a:hover svg line {
stroke: var(--isures-filter-primary)
}
.isures-active-filters a * {
font-weight: 400;
color: #6c757d !important
}
.isures-active-filters a.reset {
display: inline-block;
color: var(--isures-filter-primary)
}
.isures-cate--children {
margin-left: 25px
}
.isures-cate--filter .isures-item--attribute a,
.isures-filter--rating_inner a[data-key="rating_filter"] {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 0
}
.isures-cate--filter:not(.isures_type_image) .isures-item--attribute a:before,
.isures-filter--rating_inner a[data-key="rating_filter"]::before {
background-color: #fff;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid rgba(0, 0, 0, .26);
border-radius: 2px;
margin-right: 8px;
box-shadow: inset 0 1px 0 0 rgb(0 0 0 / 5%);
display: inline-block;
vertical-align: middle;
content: "";
font-size: 10px;
font-weight: 700;
color: var(--isures-filter-secondary)
}
.isures-cate--filter:not(.isures_type_image) .isures-item--attribute.active>a:after,
.isures-filter--rating_inner .chosen a[data-key="rating_filter"]::after {
content: "";
position: absolute;
left: 9px;
top: calc(50% - 10px / 2);
width: 5px;
height: 10px;
border: solid var(--isures-filter-secondary);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: block
}
.isures-item--price a * {
font-weight: 400;
vertical-align: middle
}
.isures-filter--dropdown {
position: relative;
padding: 0 !important;
border: none
}
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider).active,
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider):hover {
border: 1px solid var(--isures-filter-primary) !important
}
#isures-filter--loading_wrap {
position: fixed;
top: 0;
left: 0;
z-index: 1024;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .98);
transition: all .2s ease-in-out
}
.isures-wrap--progress {
position: relative;
width: 100%;
display: flex;
align-items: center;
height: 1px;
background-color: rgba(255, 255, 255, .51)
}
#isures-filter--loading_wrap.active {
visibility: visible;
opacity: 1
}
.isures-wrap--progress .progress {
position: absolute;
left: 0;
top: 0;
transition: all linear .1s;
height: 5px;
width: 0%;
background-color: var(--isures-filter-secondary);
border-radius: 0 99px 99px 0
}
.isures-filter--loading {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
#isures-filter--loading_wrap.active .progress {
animation: isures-prg 5s infinite linear;
opacity: 1
}
@keyframes isures-prg {
0% {
width: 0%
}
25% {
width: 50%
}
50% {
width: 75%
}
75% {
width: 85%
}
100% {
width: 100%
}
}
.isures-filter--dropdown:before,
.isures-filter--dropdown:after {
content: "";
opacity: 0;
transition: all .2s ease-in-out
}
.isures-filter--dropdown.active:before,
.isures-filter--dropdown.active:after {
content: '';
left: 50%;
position: absolute;
transform: translateX(-50%);
bottom: -1px;
opacity: 1
}
.isures-filter--dropdown.active:after {
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
z-index: 30
}
.isures-filter--dropdown.active:before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
z-index: 29
}
.isures-filter--dropdown .isures-filter--nav_wrap {
position: absolute;
max-width: 550px;
min-width: 382px;
height: auto !important;
z-index: 35;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-animation: popover-hide-animation .1s cubic-bezier(.4, 0, .6, 1);
animation: popover-hide-animation .1s cubic-bezier(.4, 0, .6, 1);
background: #fff;
box-shadow: 0 2px 20px rgb(0 0 0 / 50%);
padding: 15px;
border-radius: 5px
}
.isures-filter--dropdown .isures-filter--nav_wrap.active {
opacity: 1;
-webkit-animation: popover-enter-animation .2s cubic-bezier(.4, 0, .6, 1);
animation: popover-enter-animation .2s cubic-bezier(.4, 0, .6, 1);
will-change: transform;
visibility: visible
}
@-webkit-keyframes popover-enter-animation {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes popover-enter-animation {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes popover-hide-animation {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 1
}
to {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
}
@keyframes popover-hide-animation {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 1
}
to {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
}
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider) {
position: relative;
padding: 8px 28px 8px 20px !important;
transition: all .2s ease-in-out;
border: 1px solid #e0e0e0 !important;
border-radius: 5px;
font-weight: 400 !important;
text-transform: capitalize;
line-height: 1.3;
}
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider)::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #333;
content: '';
height: 0;
position: absolute;
top: calc(50% - 2px);
right: 13px;
width: 0
}
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider).count:after {
content: attr(data-count);
font-size: 12px;
position: absolute;
top: 3px;
left: 2px;
width: 15px;
height: 15px;
background: var(--isures-filter-primary);
text-align: center;
line-height: 15px;
color: #fff;
border-radius: 99px;
z-index: 2
}
.isures-filter--close,
.isures-filter--overplay,
.isures-show--filter_mb {
display: none
} .isures-price--range_slider input[type='range'] {
width: 100%;
height: 30px;
overflow: hidden;
cursor: pointer;
outline: none;
padding: 0 !important;
margin: 0 !important;
}
.isures-price--range_slider input[type='range'],
.isures-price--range_slider input[type='range']::-webkit-slider-runnable-track,
.isures-price--range_slider input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
background: none;
}
.isures-price--range_slider input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
background: var(--isures-filter-secondary);
}
.isures-price--range_slider input[type='range']:nth-child(2)::-webkit-slider-runnable-track {
background: none;
}
.isures-price--range_slider input[type='range']::-webkit-slider-thumb {
position: relative;
height: 20px;
width: 20px;
margin-top: -7px;
background: #fff;
border: 1px solid var(--isures-filter-secondary);
border-radius: 25px;
z-index: 1;
}
.isures-price--range_slider input:active[type='range']::-webkit-slider-thumb {
box-shadow: 0 0 0 5px rgba(53, 93, 187, .38);
}
.isures-price--range_slider input.min::-webkit-slider-thumb {
z-index: 2;
}
.isures-price--range_slider {
position: relative;
height: 30px;
width: 100%;
display: block;
}
.isures-price--range_slider input {
position: absolute;
}
.isures-label--price_range {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.isures-title--range_price {
margin: 6px 0 10px;
font-size: 14px;
color: var(--isures-filter-secondary)
}
.isures-custom--value_price {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.isures-custom--value_price input {
padding: 7px !important;
border: 1px solid #bdbdbd !important;
border-radius: 4px !important;
z-index: 1;
position: relative;
background: #fff;
box-shadow: none !important;
}
.isures-custom--value_price input::-webkit-outer-spin-button,
.isures-custom--value_price input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.isures-custom--value_price .isures-divider {
width: 60%;
text-align: center;
height: .5px;
background: #ddd;
display: inline-block;
vertical-align: bottom;
margin-left: 5px;
margin-right: 5px;
}
.isures-price--filter_widget input {
margin-bottom: 0;
}
.isures-wrapbtn--filter_range {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 10px;
}
.isures-filter--wrap .isures-wrapbtn--filter_range a {
border-radius: 4px;
display: inline-block;
font-size: 14px;
line-height: 16px;
margin: 0 5px;
padding: 8px 0;
text-align: center;
background-color: var(--isures-filter-secondary);
color: #fff;
min-width: 68px;
text-transform: uppercase;
}
.isures-input--filter_keyup {
margin-right: 5px;
}
.isures-loadmore--filter {
display: block;
overflow: hidden;
position: relative;
line-height: 40px;
font-size: 14px;
color: #333;
text-align: center;
border-radius: 4px;
margin: 10px auto;
max-width: 340px;
background-color: #fff;
border: 1px solid #e0e0e0;
cursor: pointer;
transition: all 200ms ease-in-out;
text-transform: capitalize;
text-decoration: none;
}
.isures-loadmore--filter:hover {
background-color: var(--isures-filter-primary);
color: #fff;
border: 1px solid var(--isures-filter-primary);
}
.isures-loadmore--filter:hover:after {
border-top: 5px solid #fff;
}
.isures-loadmore--filter::after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #333;
content: '';
position: relative;
right: -5px;
top: 11px;
transition: all 200ms ease-in-out;
}
.isures-filter--nav_loadmore {
text-align: center;
}
.isures-scroll--wrap_dropdown {
position: relative;
z-index: 29;
padding-top: 8px;
background: #fff;
margin-bottom: 15px;
margin-top: 15px;
transition: top .2s ease-in-out;
}
.isures-scroll--wrap_dropdown.isures-show {
padding: 8px 0 0 8px;
z-index: 999;
}
.isures-scroll--inner_dropdown .isures-filter--dropdown .isures-filter--nav_wrap .isures-item--price_wrap {
white-space: pre-wrap
}
.isures-scroll--inner_dropdown .isures-filter--dropdown.active:before,
.isures-scroll--inner_dropdown .isures-filter--dropdown.active:after {
display: none
}
.bg-black::before {
background-color: rgba(0 0 0/.8);
content: '';
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 998
}
.isures-scroll--inner_dropdown .isures-filter--dropdown.active .isures-dropdown--icon:before,
.isures-scroll--inner_dropdown .isures-filter--dropdown.active .isures-dropdown--icon:after {
content: '';
left: 50%;
position: absolute;
transform: translateX(-50%);
bottom: -11px;
transition: all .3s;
}
.isures-scroll--inner_dropdown .isures-filter--dropdown.active .isures-dropdown--icon:before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
z-index: 1
}
.isures-scroll--inner_dropdown .isures-filter--dropdown.active .isures-dropdown--icon:after {
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
z-index: 2
}
.isures-scroll--wrap_dropdown {
top: auto
}
.isures-scroll--wrap_dropdown.isures-filter--fixed.active {
background-color: #fff;
box-shadow: 0 4px 8px rgb(0 0 0 / 5%);
max-width: 100%;
display: flex;
justify-content: center;
margin: 0 auto;
position: fixed;
padding: 10px 0 0 10px;
width: 100%;
z-index: 999;
left: 0;
-webkit-animation: MoveDown .6s;
animation: MoveDown .6s;
}
.isures-scroll--wrap_dropdown.isures-filter--fixed.active .isures-scroll--inner_dropdown {
max-width: 1168px;
width: 100%;
}
.isures-scroll--wrap_dropdown:after {
background: linear-gradient(to right, rgba(255 255 255/.3), rgba(255 255 255/.8), #fff);
content: '';
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 40px
}
.isures-term--filter.isures-cate--filter.isures_type_image .isures-item--attribute a,
.isures-term--filter:not(.isures-cate--filter) .isures-item--attribute a {
min-height: 30px
}
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider) {
line-height: 1;
outline: none;
z-index: 34;
}
@keyframes MoveDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@media screen and (min-width: 1023px) { }
@media screen and (max-width: 1023px) {
.isures-scroll--inner_dropdown .isures-filter--dropdown .isures-filter--nav_wrap {
min-width: 100%;
max-width: 100%;
display: block;
}
.isures-scroll--inner_dropdown .isures-filter--dropdown .isures-filter--nav_wrap {
box-shadow: none;
border-top: 1px solid #ddd;
border-radius: 0
}
.isures-scroll--inner_dropdown {
display: block;
white-space: nowrap;
overflow-x: auto;
}
.isures-scroll--inner_dropdown .isures-filter--dropdown {
position: unset
}
}