/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.up-post-price-filter .ui-slider { position: relative; text-align: left; }
.up-post-price-filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.up-post-price-filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.up-post-price-filter .ui-slider-horizontal { height: .8em; }
.up-post-price-filter .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.up-post-price-filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.up-post-price-filter .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.up-post-price-filter .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.up-post-price-filter .ui-slider .ui-slider-range {
    background: var(--the7-accent-color);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.up-post-price-filter {
    width: 200px;
}
.up-post-price-filter .min-price,
.up-post-price-filter .max-price {
    display: none;
}
.up-post-price-filter :before {
    box-sizing: border-box;
}
.up-post-price-filter .filter-header {
    justify-content: space-between;
}

.up-post-price-filter .filter-header,
.up-post-price-filter .filter-header .filter-toggle-icon {
    display: flex;
    align-items: center;
}
.up-post-price-filter .price_slider_wrapper {
    display: flex;
    flex-flow: column wrap;
}
.up-post-price-filter .wrap-btn-price {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.up-post-price-filter .price_slider_amount {
    order: 0;
}
.up-post-price-filter .price_slider_inner_wrapper_wrapper {
    order: 1;
    margin-top: 20px;
    margin-bottom: 25px
}
.up-post-price-filter .price_label {
    display: flex;
    order: 1;
    flex:  1;
    font-size: var(--the7-text-small-font-size);
    line-height: var(--the7-text-small-line-height);
}
.up-post-price-filter .price_label {
    justify-content: space-between;
}
.up-post-price-filter .dash-label {
    text-decoration: none !important;
    margin: 0 5px 0 0;
}
.up-post-price-filter .btn-align-left.display-price-next .price_slider_amount {
    order: 2;
    margin-left: 10px;
}
.up-post-price-filter .btn-align-right.display-price-next .price_slider_amount {
    order: 0;
    text-align: left;
    margin-right: 10px;
}


.up-post-price-filter .filter-header .filter-title,
.up-post-price-filter .filter-header .filter-toggle-icon .elementor-icon {
    color: var(--the7-h1-color);
}

.up-post-price-filter.animate .filter-title,
.up-post-price-filter.animate .elementor-icon i,
.up-post-price-filter.animate .elementor-icon svg,
.up-post-price-filter.animate .filter-header {
    transition: all 0.3s ease, font-size 0s ease;
}
.up-post-price-filter .ui-slider .ui-slider-handle:before {
    transition: all 0.3s ease;
    transform: translateY(-50%) scale(1);
}
.up-post-price-filter .tips-scale-yes .ui-slider .ui-state-hover:before,
.up-post-price-filter .tips-scale-yes .ui-slider .ui-state-active:before {
    transform: translateY(-50%) scale(1.2);
}
.up-post-price-filter .price_slider_wrapper .ui-widget-content {
    background: none;
    border: none;
}
.up-post-price-filter .ui-slider .ui-slider-handle:first-of-type {
    z-index:3;
}

.up-post-price-filter .ui-slider .ui-slider-handle:last-of-type:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1px;
    height: 5px;
    width: 100%;
    content: "";
    background: var(--the7-accent-color);
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.up-post-price-filter .price_slider_amount {
    color: var(--the7-secondary-text-color);
}

.up-post-price-filter .price_slider {
    margin-bottom: 20px;
    margin-right: 13px;
}
.up-post-price-filter .price_slider_amount {
    text-align: right;
}
.up-post-price-filter .price_slider_amount > input {
    opacity: 0;
}
.up-post-price-filter .box-button {
    display: inline-flex;
    float: left;
    order: 1;
    align-self: flex-start;
}
.up-post-price-filter .ui-slider {
    position: relative;
}
.up-post-price-filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: 0;
    border: 8px solid transparent;
    transform: translate3d(0,-50%,0);
    box-sizing: content-box;
    background: transparent;
}
.up-post-price-filter .ui-slider .ui-slider-handle:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    border-radius: 10px;
    width: 16px;
    height: 16px;
    border-width: 5px 5px 5px 5px;
    border-style: solid;
    background: #FFFFFF;
    border-color: var(--the7-accent-color);
}
.up-post-price-filter .ui-slider .ui-slider-handle:last-of-type {
    transform: translate3d(0,-50%,0);
}
.up-post-price-filter .ui-slider .ui-slider-handle:first-of-type:before {
    left: 1px;
}
.up-post-price-filter .ui-slider .ui-slider-handle:last-of-type:before {
    right: 1px;
}

.up-post-price-filter .ui-slider .ui-slider-range {
    background: var(--the7-accent-color);
}
.up-post-price-filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    border-radius: 1em;
}
.up-post-price-filter .price_slider_inner_wrapper_wrapper {
    background: rgba(102,102,102,0.2);
    border-radius: 2px;
}

.up-post-price-filter .price_slider_wrapper {
    padding-top: 5px;
}
.up-post-price-filter .ui-slider-horizontal,
.up-post-price-filter .price_slider_inner_wrapper_wrapper {
    height: 5px;
}
.up-post-price-filter .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.up-post-price-filter .ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}
.up-post-price-filter .ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}
