@font-face {
font-family: 'pwficons';
src:  url(//controllab.com/wp-content/plugins/pwfwoofilter/assets/css/frontend/fonts/pwficons.eot?bl4sy9);
src:  url(//controllab.com/wp-content/plugins/pwfwoofilter/assets/css/frontend/fonts/pwficons.eot?bl4sy9#iefix) format('embedded-opentype'),
url(//controllab.com/wp-content/plugins/pwfwoofilter/assets/css/frontend/fonts/pwficons.ttf?bl4sy9) format('truetype'),
url(//controllab.com/wp-content/plugins/pwfwoofilter/assets/css/frontend/fonts/pwficons.woff?bl4sy9) format('woff'),
url(//controllab.com/wp-content/plugins/pwfwoofilter/assets/css/frontend/fonts/pwficons.svg?bl4sy9#pwficons) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-pwf-"], [class*=" icon-pwf-"] { font-family: 'pwficons' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pwf-angle-down:before {
content: "\e909";
}
.icon-pwf-minus:before {
content: "\e902";
}
.icon-pwf-plus:before {
content: "\e903";
}
.icon-pwf-clear:before {
content: "\e904";
}
.icon-pwf-check:before {
content: "\e905";
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
}
.noUi-connect {
height: 100%;
width: 100%;
}
.noUi-origin {
height: 10%;
width: 10%;
} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
} .noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
} .noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
} .noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.c-offcanvas{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;min-height:100%;max-height:none;top:0;display:block;background:#fff;overflow-x:hidden;overflow-y:auto}.c-offcanvas,.c-offcanvas-bg.c-offcanvas-bg--push,.c-offcanvas-bg.c-offcanvas-bg--reveal,.c-offcanvas-content-wrap{transition:transform .3s cubic-bezier(.4,0,.6,1)}.c-offcanvas.is-open{transform:translate3d(0,0,0);visibility:visible}.c-offcanvas--opening{transition-timing-function:cubic-bezier(.4,0,.6,1)}.c-offcanvas.is-closed{max-height:100%;overflow:hidden;visibility:hidden;box-shadow:none}.c-offcanvas--overlay{z-index:1080}.c-offcanvas-bg{position:fixed;top:0;height:100%;width:100%;z-index:1079;left:-100%;background-color:transparent;transition:background-color .4s cubic-bezier(.23,1,.32,1) 0s}.c-offcanvas-bg.is-animating,.c-offcanvas-bg.is-open{left:0;background-color:rgba(0,0,0,.68);visibility:visible}.c-offcanvas-bg.is-closed{visibility:hidden}.c-offcanvas-bg--closing.is-animating{background:0 0}.c-offcanvas--left{height:100%;width:17em;transform:translate3d(-17em,0,0)}.c-offcanvas--right{height:100%;width:17em;right:0;transform:translate3d(17em,0,0)}.c-offcanvas--bottom,.c-offcanvas--top{left:0;right:0;height:12.5em;min-height:auto;width:100%}.c-offcanvas--top{top:0;transform:translate3d(0,-12.5em,0)}.c-offcanvas--bottom{top:auto;bottom:0;transform:translate3d(0,12.5em,0)}.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas--reveal{z-index:0;transform:translate3d(0,0,0)}.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas--push{z-index:6}.c-offcanvas--push--opening{transition-timing-function:cubic-bezier(0,0,.2,1)}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open{transform:translate3d(-17em,0,0)}
.pwf-checkboxlist-item > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-radiolist-label > .pwf-input-container::after,
.pwf-boxlist-item,
.pwf-field-item-button .pwf-item-button,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, .ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active,
.pwf-icon-remove::after,
.pwf-icon-remove::before,
.pwf-sticky-filter,
.pwf-canvas-close-btn .pwf-canvas-icon::before,
.pwf-canvas-close-btn .pwf-canvas-icon::after,
.pwf-canvas-footer .pwf-field-item-button .pwf-item,
.pwf-filter-as-button-text::after,
.pwf-filter-as-button-text::before,
.pwf-item-label .pwf-title-container .text-title,
.pwf-more-button .pwf-icon-more::before,
.pwf-woo-filter .pwf-toggle::before,
.pwf-colorlist-item:hover::after,
.pwf-colorlist-item.selected::after,
.pwf-star-rating-item .pwf-product-counts,
.pwf-up-text,
.pwf-note-item,
.pwf-woo-filter .title-toggle-icon-arrow .pwf-field-item-title .pwf-toggle,
.pwf-woo-filter .term-toggle-icon-arrow .pwf-item-label .pwf-toggle {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
} .pwf-overlay {
position: fixed; display: none; width: 100%; height: 100%; top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba( 0, 0, 0, 0.3 ); background-color: rgba(255,255,255,0.7);
z-index: 2; cursor: wait; z-index: 99999;
}
.pwf-overlay.pwf-active {
display: block;
}
.pwf-loader,
.pwf-loader:after {
border-radius: 50%;
width: 40px;
height: 40px;
}
.pwf-loader {
margin: -25px 0 0 -25px;
position: absolute;
top: 45%;
left: 48%;
border-top: 4px solid rgba(0, 0, 0, 0.25);
border-right: 4px solid rgba(0, 0, 0, 0.25);
border-bottom: 4px solid rgba(0, 0, 0, 0.25);
border-left: 4px solid #222;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.pwf-woo-filter .pwf-overlay {
position: absolute;
background-color: transparent;
}
.pwf-woo-filter .pwf-loader {
display: none;
}
.c-button__text::after,
.pwf-canvas-close-btn::after,
.pwf-field-item-priceslider .pwf-range-slider-wrap::after,
.pwf-checkbox-label::after,
.pwf-radiolist-label::after,
.pwf-woo-filter::after,
.pwf-woo-filter-inner::after,
.pwf-woo-filter-notes::after,
.pwf-filter-container::after,
.pwf-field-item-title::after,
.pwf-field-item-container::after,
.pwf-field-item::after,
.pwf-price-slider-min-max-inputs::after,
.pwf-item-label::after,
.pwf-field-item::after,
.pwf-star-rating-item:after {
clear: both;
content: " ";
display: table;
}
.pwf-woo-filter {
position: relative;
}
.pwf-hidden,
.pwf-field-item-rangeslider .pwf-hidden {
display: none;
}
.pwf-column {
float: left;
position: relative;
padding: 0 2%;
}
.pwf-field-item-container { margin-bottom: 24px;
}
.pwf-field-item-title {
font-size: 15px;
font-weight: 600;
margin-bottom: 16px;
position: relative;
text-transform: capitalize;
}
.pwf-title-has-toggle-content {
cursor: pointer;
}
.pwf-item-label {
position: relative;
margin: 0 0 8px;
display: block;
line-height: 21px;
}
.pwf-item-label .pwf-input-container {
position: relative;
display: inline-block;
}
.pwf-item-label .pwf-title-container {
cursor: pointer;
font-size: 15px;
position: relative;
display: inline-block;
padding-right: 24px; padding-left: 10px;
line-height: inherit;
vertical-align: middle;
}
.pwf-item-label .pwf-title-container .text-title {
font-size: inherit;
}
.pwf-product-counts {
position: relative;
font-weight: 500;
margin-left: 8px;
color: #777;
font-size: 13px;
line-height: 13px;
display: inline-block;
padding: 0 3px;
}
.pwf-product-counts::after {
position: absolute;
content: ")";
right: -3px;
}
.pwf-product-counts::before {
position: absolute;
content: "(";
left: -3px;
}
.pwf-woo-filter .pwf-items-hierarchical .pwf-children {
padding-left: 20px;
}
.pwf-collapsed-close .pwf-field-item-container {
margin-bottom: 0;
} .pwf-more-button .pwf-icon-more,
.pwf-woo-filter .pwf-toggle {
float: right;
position: relative;
}
.pwf-more-button .pwf-icon-more {
float: none;
margin-right: 4px;
}
.pwf-more-button .pwf-icon-more::before,
.pwf-woo-filter .pwf-toggle::before {
cursor: pointer;
top: 0;
right: 0;
font-size: inherit;
font-weight: inherit;
position: absolute;
content: "\e902";
font-family: "pwficons";
}
.pwf-more-button.pwf-status-active .pwf-icon-more::before,
.pwf-item.pwf-collapsed-close > .pwf-item-inner > .pwf-item-label > .pwf-toggle::before,
.pwf-field-item.pwf-collapsed-close > .pwf-field-inner > .pwf-field-item-title > .pwf-toggle::before {
content: "\e903";
transform: rotate(360deg);
}
.pwf-woo-filter .title-toggle-icon-arrow .pwf-field-item-title .pwf-toggle,
.pwf-woo-filter .term-toggle-icon-arrow .pwf-item-label .pwf-toggle {
cursor: pointer;
float: none;
display: block;
width: 8px;
height: 8px;
position: absolute;
right: 2px;
top: 45%;
left: auto;
z-index: 10;
border: 1px solid #222;
border-bottom: none;
border-right: none;
transform: rotate( 45deg);
box-sizing: content-box;
}
.pwf-woo-filter .title-toggle-icon-arrow .pwf-field-item-title .pwf-toggle::before,
.pwf-woo-filter .term-toggle-icon-arrow .pwf-item-label .pwf-toggle::before {
content: none;
}
.term-toggle-icon-arrow .pwf-item.pwf-collapsed-close > .pwf-item-inner > .pwf-item-label > .pwf-toggle::before,
.title-toggle-icon-arrow .pwf-field-item.pwf-collapsed-close > .pwf-field-inner > .pwf-field-item-title > .pwf-toggle::before {
content: none;
}
.term-toggle-icon-arrow .pwf-item.pwf-collapsed-close > .pwf-item-inner > .pwf-item-label > .pwf-toggle,
.title-toggle-icon-arrow .pwf-field-item.pwf-collapsed-close > .pwf-field-inner > .pwf-field-item-title > .pwf-toggle {
top: 20%;
transform: rotate(225deg);
}
.pwf-field-item-title .pwf-toggle::before {
font-weight: inherit;
}
.pwf-more-button.pwf-status-unactive .pwf-icon-more::before,
.pwf-woo-filter .pwf-collapsed-open > .pwf-item-inner > .pwf-children,
.pwf-woo-filter .pwf-field-item.pwf-collapsed-open .pwf-field-item-container {
display: block;
}
.pwf-item-inner,
.pwf-colorlist-item,
.pwf-off-canvas-header,
.pwf-canvas-footer,
.pwf-radiolist-label .pwf-input-container,
.pwf-field-item-button .pwf-item-button,
.pwf-item-label .pwf-title-container,
.pwf-item-label .pwf-input-container,
.pwf-sticky-button form,
.pwf-sticky-button .pwf-sorting,
.pwf-sticky-button .pwf-sorting-text,
.pwf-sticky-filter,
.pwf-sticky-filter-inner,
.pwf-sticky-filter-inner .pwf-form-sort,
.woocommerce .pwf-sticky-button .woocommerce-ordering,
.pwf-off-canvas-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}  .pwf-checkbox-label .pwf-input-container,
.pwf-rating-checkbox-type .pwf-input-container {
cursor: pointer;
position: relative; display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 2px;
border-radius: 2px;
vertical-align: middle;
}
.pwf-checkbox-label input[type=checkbox] {
display: none;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
border: 0;
border-radius: 0;
font-size: inherit;
line-height: inherit;
}
.pwf-checkboxlist-item > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-rating-checkbox-type .pwf-input-container::after {
opacity: 0;
content: '';
position: absolute;
top: 4px;
left: 3px;
height: 4px;
width: 9px;
border: solid #222;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
transform: rotate(-55deg);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.pwf-checkboxlist-item > .pwf-item-inner > .pwf-item-label.pwf-ui-state-hover .pwf-input-container::after,
.pwf-checkboxlist-item.checked > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-rating-checkbox-type .pwf-star-rating-item.pwf-ui-state-hover .pwf-input-container::after,
.pwf-rating-checkbox-type .pwf-star-rating-item.checked .pwf-input-container::after {
opacity: 1;
}
.pwf-checkboxlist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-checkboxlist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label.pwf-ui-state-hover .pwf-input-container::after,
.pwf-rating-checkbox-type .pwf-star-rating-item.pwf-disabled .pwf-input-container::after {
opacity: 0;
} .pwf-radiolist-label .pwf-input-container,
.pwf-rating-radio-type .pwf-input-container {
cursor: pointer;
position: relative; display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 50%;
border-radius: 50%;
vertical-align: middle;
}
.pwf-radiolist-label input[type=radio],
.woocommerce .pwf-radiolist-label input[type=radio] {
display: none;
margin: 0;
width: inherit;
height: inherit;
}
.pwf-radiolist-label > .pwf-input-container::after,
.pwf-rating-radio-type .pwf-input-container::after {
opacity: 0;
content: '';
position: absolute;
left: 20%;
top: 20%;
height: 60%;
width: 60%;
border-radius: 100%;
background: #000;
}
.pwf-radiolist-label.checked > .pwf-input-container::after,
.pwf-rating-radio-type .pwf-star-rating-item.checked .pwf-input-container::after {
opacity: 1;
}
.pwf-radiolist-item > .pwf-item-inner > .pwf-item-label.pwf-ui-state-hover .pwf-input-container::after,
.pwf-radiolist-label.checked > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-rating-radio-type .pwf-star-rating-item.pwf-ui-state-hover .pwf-input-container::after {
opacity: 1;
}
.pwf-radiolist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-radiolist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label.pwf-ui-state-hover .pwf-input-container::after,
.pwf-rating-radio-type .pwf-star-rating-item.pwf-disabled .pwf-input-container::after {
opacity: 0;
} .pwf-textlist-item .pwf-item-label .pwf-title-container {
padding-left: 0;
}
.pwf-textlist-item:last-child .pwf-item-label {
margin-bottom: 0;
}
.pwf-textlist-inline-style .pwf-textlist-item {
display: inline-block;
margin-right: 1px;
}
.pwf-textlist-inline-style .pwf-item-label .pwf-title-container {
width: auto;
padding: 0;
padding: 0 8px;
}
.pwf-textlist-item:not(.pwf-disabled) .pwf-title-container:hover > .text-title,
.pwf-textlist-item.selected .pwf-title-container > .text-title {
font-weight: 600;
} #sidebar .pwf-field-item-dropdownlist select,
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--single,
.woocommerce-page .sidebar .pwf-field-item-dropdownlist select,
.pwf-field-item-dropdownlist select {
width: 100%;
margin: 0;
font-size: 15px;
line-height: 36px;
background: #FFF;
border: 1px solid #e6e6e6;
box-shadow: none;
border-radius: 3px;
padding: 0 24px 0 8px;
height: 36px;
min-height: 36px;
max-width: 100%;
background-size: 16px 16px;
cursor: pointer;
vertical-align: middle;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.pwf-field-item-dropdownlist .pwf-select {
position: relative;
}
.pwf-field-item-dropdownlist .pwf-select::after {
cursor: pointer;
font-size: 15px;
font-weight: 500;
position: absolute;
content: "\e909";
font-family: "pwficons";
right: 4%;
pointer-events: none;
line-height: 36px;
}
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--multiple li,
#sidebar .pwf-field-item-dropdownlist .select2-container--default .select2-selection--multiple li {
border: 0;
width: auto;
}
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
line-height: 36px;
}
.select2-results__option {
color: #222;
font-size: 15px;
}
.select2-selection:focus,
.pwf-dropdownlist-item:focus {
outline: none;
}
.pwf-has-multiple-select .select2-container--default .select2-selection--multiple {
padding: 0 24px 0 8px;
}
.pwf-has-multiple-select .select2-container--default .select2-selection--multiple .select2-search__field {
height: auto;
}
.pwf-field-item-dropdownlist .select2-container .select2-selection--multiple {
min-height: 36px;
padding-top: 3px;
} .pwf-field-item-colorlist .pwf-field-item-title {
margin-bottom: 4px;
}
.pwf-colorlist-item {
float: left;
cursor: pointer;
position: relative;
height: 45px;
width: 45px;
line-height: 45px;
display: block;
margin: 12px 12px 0 0;
background-color: #F1F1F1;
border: 1px solid transparent;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.pwf-colorlist-item::after {
opacity: 0;
visibility: hidden;
color: #fff;
cursor: pointer;
position: absolute;
content: "\e905";
font-family: "pwficons";
font-size: 125%;
font-weight: 700;
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.pwf-colorlist-item:not(.pwf-disabled):hover::after,
.pwf-colorlist-item.selected::after {
opacity: 1;
visibility: visible;
}
.pwf-colorlist-item.dark-marker:hover::after,
.pwf-colorlist-item.dark-marker.selected::after {
color: #000;
}
.pwf-field-item-colorlist.pwf-rounded .pwf-colorlist-item {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pwf-colorlist-item .pwf-product-counts {
color: #222;
font-size: 11px;
position: absolute;
top: -1px;
right: -1px;
padding: 4px;
display: inline-block;
min-width: 8px;
min-height: 8px;
text-align: center;
line-height: 1;
box-sizing: content-box;
white-space: nowrap;
margin-left: 0;
background-color: #F1F1F1;
background-color: rgb(255 255 255 / 0.6);
}
.pwf-colorlist-item .pwf-product-counts::before {
content: "";
display: inline-block;
vertical-align: middle;
padding-top: 100%;
height: 0;
}
.pwf-colorlist-item .pwf-product-counts .pwf-wrap-count {
display: inline-block;
vertical-align: middle;
}
.pwf-field-item-colorlist .pwf-product-counts::before,
.pwf-field-item-colorlist .pwf-product-counts::after {
content: none;
}
.pwf-field-item-colorlist.pwf-rounded .pwf-product-counts {    
top: -6px;
right: -6px;
min-width: 12px;
min-height: 12px;
font-size: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
} .pwf-field-item-boxlist .pwf-field-item-title {
margin-bottom: 4px;
}
.pwf-boxlist-item {
width: 45px;
height: 45px;
line-height: 45px;
float: left;
display: block;
border: 1px solid #eee;
text-align: center;
cursor: pointer;
margin: 12px 12px 0 0;
}
.pwf-boxlist-item .pwf-item-inner,
.pwf-boxlist-item .pwf-item-label {
width: 100%;
height: 100%;
margin: 0;
line-height: inherit;
}
.pwf-boxlist-item .pwf-item-label .pwf-title-container {
padding: 0;
position: initial;
line-height: inherit;
display: block;
text-align: center;
width: 100%;
line-height: inherit;
}
.pwf-boxlist-item:hover .pwf-item-label .pwf-title-container .text-title {
color: #FFF;
}
.pwf-boxlist-item .pwf-product-counts {
font-size: 11px;
position: absolute;
top: -1px;
right: -1px;
padding: 3px;
line-height: 1;
background-color: #F1F1F1;
background-color: rgb(241 241 241 / 0.6);
margin-left: 0;
}
.pwf-field-item-boxlist .pwf-product-counts::before,
.pwf-field-item-boxlist .pwf-product-counts::after {
content: none;
} .pwf-field-item-rangeslider .pwf-field-item-title,
.pwf-field-item-priceslider .pwf-field-item-title {
margin-bottom: 30px;
}
.pwf-field-item-rangeslider .pwf-wrap-range-slider,
.pwf-field-item-priceslider .pwf-wrap-range-slider {
padding: 0 8px;
}
.pwf-currency-symbol,
.pwf-range-slider-unit {
display: inline;
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.range-slider-has-tooltip .pwf-range-slider  {
margin-top: 48px;
}
.pwf-range-slider-labels {
font-size: 14px;
text-align: right;
margin-top: 18px;
}
.pwf-price-slider-min-max-inputs {
margin-top: 28px;
}
.pwf-price-slider-min-max-inputs input::-webkit-outer-spin-button,
.pwf-price-slider-min-max-inputs input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.noUi-horizontal .noUi-handle {
right: -8px;
} .pwf-price-slider-min-max-inputs input[type=number] {
-moz-appearance: textfield;
}
.pwf-field-item .noUi-horizontal {
height: 3px;
}
.pwf-field-item .noUi-target {
border: 0;
border-radius: 45px;
}
.pwf-field-item .noUi-connects {
border-radius: 3px;
}
.pwf-field-item .noUi-connect,
.pwf-field-item .noUi-origin {
border: none;
border-radius: 45px;
background-color: #222;
}
.pwf-field-item .noUi-horizontal .noUi-handle {
width: 16px;
height: 16px;
}
.pwf-field-item  .noUi-handle {
top: -8px;
cursor: col-resize;
border-radius: 100%;
border: 4px solid #ffffff;
background-color: #222;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}
.pwf-field-item .noUi-handle:focus {
outline: none;
}
.pwf-field-item  .noUi-handle:after,
.pwf-field-item  .noUi-handle:before {
display: none;
position: relative;
width: 0;
height: 0;
background: transparent;
}
.pwf-field-item .noUi-tooltip {
color: #222;
font-size: 12px;
line-height: 12px;
}
.pwf-field-item .noUi-horizontal .noUi-tooltip {
bottom: 210%;
} .pwf-field-item-button .pwf-item-button {
font-size: 15px;
font-weight: 600;
text-align: center;
display: block;
width: 100%;
padding: 6px 12px;
margin-top: 12px;
background: #fff;
border: 1px solid #e6e6e6;
-webkit-border-radius: 2px;
border-radius: 2px;
line-height: inherit;
text-transform: initial;
} .pwf-date-field,
.pwf-price-slider-min-max-inputs {
position: relative;
display: flex;
flex-wrap: nowrap;
}
.pwf-price-slider-min-max-inputs input,
.pwf-date-field input[type="text"],
.woocommerce .pwf-date-field input[type="text"],
.pwf-price-slider-min-max-inputs input[type="number"],
.pwf-field-item-search input[type="text"],
.woocommerce .pwf-field-item-search input[type="text"],
.woocommerce-page .pwf-field-item-search  input[type="text"] {
font-size: 13px;
font-weight: 400;
display: inline-block;
width: 49%;
height: 36px;
line-height: 36px;
border: solid 1px #dcdfe6;
background-color: transparent;
background-image: none;
box-shadow: none;
margin: 0 2% 0 0;
padding: 0 0 0 12px;
}
.pwf-date-field input:last-child,
.pwf-price-slider-min-max-inputs input:last-child {
margin-right: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
font-size: 13px;
}
.ui-widget.ui-widget-content {
color: #222;
border-color: #e6e6e6;
}
.ui-widget-header {
border: 0;
background: transparent;
color: #222;
font-weight: 600;
font-size: 15px;
line-height: 1em;
}
.ui-datepicker .ui-datepicker-header {
padding: .5em 0;
}
.ui-datepicker th {
font-size: 13px;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 1px;
cursor: pointer;
font-size: 13px;
border-radius: 4px;
border: 1px solid transparent;
width: 32px;
height: 32px;
min-width: 32px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
border: solid #b3b3b3;
border-width: 0 2px 2px 0;
border-color: rgba(0,0,0,.25);
border-radius: 0;
display: inline-block;
padding: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
background-image: none;
width: 10px;
height: 10px;
top: 60%;
}
.ui-datepicker .ui-datepicker-prev span {
margin-left: -6px;
}
.ui-datepicker .ui-datepicker-next span {
margin-left: -3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, .ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
border: 1px solid transparent;
background: transparent;
font-weight: normal;
color: #222;
text-align: center;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus {
border-color: transparent;
background: #e6e6e6;
color: #222;
border-radius: 4px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {
border-color: transparent;
background: #222;
color: #fff;
border-radius: 3px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
background-color: transparent;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
background-color: transparent;
}
.ui-datepicker .ui-datepicker-prev-hover:hover span,
.ui-datepicker .ui-datepicker-next-hover:hover span {
border-color: #222;
}
.ui-datepicker.pwf-date table {
border: 0;
}
.ui-datepicker.pwf-date table tr {
border-width: 0;
} .pwf-search-field {
position: relative;
}
.pwf-field-item-search input[type="text"],
.woocommerce .pwf-field-item-search  input[type="text"],
.woocommerce-page .pwf-field-item-search  input[type="text"] {
width: 100%;
margin: 0;
} .pwf-disabled-btn {
opacity: 0.7;
cursor: not-allowed !important;
}
.pwf-colorlist-item.pwf-disabled,
.pwf-boxlist-item.pwf-disabled,
.pwf-boxlist-item.pwf-disabled .pwf-item-label,
.pwf-radiolist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label,
.pwf-checkboxlist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label,
.pwf-textlist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label,
.pwf-star-rating-item.pwf-disabled {
cursor: not-allowed;
}
.pwf-colorlist-item.pwf-disabled,
.pwf-boxlist-item.pwf-disabled,
.pwf-radiolist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label .pwf-title-container,
.pwf-checkboxlist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label .pwf-title-container,
.pwf-textlist-item.pwf-disabled > .pwf-item-inner > .pwf-item-label .pwf-title-container {
opacity: 0.7;
}
.pwf-boxlist-item.pwf-disabled:hover,
.pwf-boxlist-item.pwf-disabled:hover .pwf-item-label .pwf-title-container .text-title {
opacity: 1;
color: inherit;
background-color: inherit;
border-color: #e6e6e6;
} .pwf-scrollbar > .pwf-field-inner > .pwf-field-item-container {
overflow-y: scroll;
overflow-x: hidden !important;
scrollbar-color: #a2a2a2 #d9d9d9;
scrollbar-width: thin;
}
.pwf-off-canvas .pwf-off-canvas-content::-webkit-scrollbar,
.pwf-scrollbar > .pwf-field-inner > .pwf-field-item-container::-webkit-scrollbar {
width: 4px;
}
.pwf-off-canvas .pwf-off-canvas-content::-webkit-scrollbar-track,
.pwf-scrollbar > .pwf-field-inner > .pwf-field-item-container::-webkit-scrollbar-track {
background-color: rgba(0,0,0,.25);
}
.pwf-off-canvas .pwf-off-canvas-content::-webkit-scrollbar-thumb,
.pwf-scrollbar > .pwf-field-inner > .pwf-field-item-container::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.5);
} .pwf-more-button {
font-size: 13px;
margin-top: 12px;
cursor: pointer;
padding-left: 28px;
font-weight: 600;
text-transform: capitalize;
}
.pwf-more-button.pwf-status-active .pwf-more-text,
.pwf-more-button.pwf-status-unactive .pwf-less-text {
display: inline;
}
.pwf-more-button.pwf-status-active .pwf-less-text,
.pwf-more-button.pwf-status-unactive .pwf-more-text {
display: none;
}
.pwf-more-button-block .pwf-item-hidden {
display: none;
}
.pwf-more-button-block.pwf-more-button-extended-active .pwf-item-hidden {
display: inherit;
}
.pwf-more-button .pwf-icon-more::before {
top: 0;
font-size: 13px;
font-weight: inherit;
} .pwf-note-item {
color: #222;
font-size: 14px;
font-weight: 400;
cursor: pointer;
position: relative;
padding: 4px 8px 4px 18px;
margin-right: 8px;
margin-bottom: 2px;
text-align: center;
display: inline-block;
line-height: 1.2;
background-color: #f2f2f2;
border: 1px solid #e5e5e5;
border-radius: 8px;
}
.pwf-note-item:hover {
background-color: #e5e5e5;
}
.pwf-remove-filter {
display: inline-block;
position: relative;
padding: 0px;
line-height: inherit;
}
.pwf-icon-remove {
position: relative;
margin-right: 6px;
}
.pwf-icon-remove::after,
.pwf-icon-remove::before {
content: " ";
width: 10px;
height: 2px;
position: absolute;
right: 0;
top: 47.5%;
display: inline-block;
background-color: #222;
}
.pwf-icon-remove::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pwf-icon-remove::after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.pwf-note-item:hover .pwf-icon-remove::before,
.pwf-note-item:hover .pwf-icon-remove::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
} .pwf-sticky-filter {
padding: 0;
position: fixed;
position: -webkit-sticky;
position: sticky;
top: auto;
left: auto;
right: auto;
z-index: 9999;
width: 100%;
line-height: 45px;
bottom: -46px;
}
.pwf-sticky-inside-div.pwf-container-in-viewport {
bottom: 0;
}
.pwf-sticky-filter.pwf-sticky-show {
bottom: 0;
}
.pwf-sticky-filter-inner {
display: grid;
grid-template-columns: 50% 50%;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
}
.pwf-sticky-has-filter-button-only .pwf-sticky-filter-inner {
grid-template-columns: auto;
}
.pwf-sticky-button {
color: #222;
background-color: transparent;
font-size: 15px;
font-weight: 600;
text-align: center;
text-transform: capitalize;
}
.pwf-sticky-filter-inner .pwf-form-sort {
position: relative;
}
.woocommerce .pwf-sticky-filter .pwf-sticky-button button,
.pwf-sticky-filter .pwf-sticky-button button {
display: inline-block;
color: inherit;
font-size: inherit;
font-weight: inherit;
text-align: center;
width: 100%;
padding: 0;
border: 0;
line-height: inherit;
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
height: initial;
margin: 0;
}
.pwf-sticky-filter .pwf-sticky-button .pwf-sticky-filter-button .pwf-button-text {
position: relative;
}
.pwf-sticky-button form,
.woocommerce .pwf-sticky-button .woocommerce-ordering {
position: absolute;
float: none;
margin: 0 !important;
display: block;
width: 100%;
height: 100%;
text-align: center;
top: 0;
left: 0;
}
.pwf-sticky-button form select,
.woocommerce .pwf-sticky-button > .woocommerce-ordering select {
opacity: 0;
font-size: inherit;
font-weight: inherit;
text-align: center;
vertical-align: middle ;
height: 100% !important;
width: auto;
background-color: transparent;
color: inherit;
border: 0;
padding: 0 0 0 8px;
width: 100%;
max-width: 100%;
background: none;
}
.pwf-sticky-button form select option {   
color: #222;
padding: 0;
background-color: #FFF;
}
.pwf-sticky-button select::before,
.pwf-sticky-button .woocommerce-ordering::before {
content: '';
display: none;
}
.pwf-sticky-button select,
.pwf-sticky-button button {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.pwf-sticky-button .pwf-sorting {
display: inline-block;
width: 100%;
line-height: 45px;
pointer-events: none;
}
.pwf-sticky-button .pwf-sorting-text {
position: relative;
pointer-events: none;
}
.pwf-sticky-button .pwf-sorting-text::after {
cursor: pointer;
position: absolute;
content: "\e909";
font-family: "pwficons";
pointer-events: none;
margin-left: 12px;
display: inline-block;
}
.pwf-sticky-filter-count {
padding-left: 8px;
color: red;
top: -2px;
position: absolute;
}
@media only screen and (max-width: 600px) {
.pwf-sticky-filter-inner {
grid-template-columns: auto auto;
}
.pwf-sticky-has-filter-button-only .pwf-sticky-filter-inner {
grid-template-columns: auto;
}
} .pwf-off-canvas {
width: 360px;
z-index: 99999;
}
.pwf-off-canvas .pwf-canvas-close-btn {
position: absolute;
right: 30px;
top: 20%;
}
.pwf-canvas-inner-wrap {
display: flex;
flex-direction: column;
height: 100%;
}
.pwf-off-canvas-header {
line-height: 45px;
position: sticky;
position: -webkit-sticky;
flex-shrink: 0;
display: block;
top: 0;
z-index: 1;
}
.pwf-off-canvas .pwf-off-canvas-content {
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
z-index: 0;
overflow: hidden;
max-height: calc( 100% - 90px );
overflow: hidden;
overflow-y: scroll;
scrollbar-color: #a2a2a2 #d9d9d9;
scrollbar-width: thin;
}
.pwf-canvas-footer {
line-height: 45px;
bottom: 0;
z-index: 1;
position: fixed;
position: -webkit-sticky;
position: sticky;
}
.pwf-off-canvas .pwf-woo-filter .pwf-woo-filter-inner {
transition: none;
}
body.has-offcanvas--visible,
has-offcanvas--left {
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.c-offcanvas--right {
width: 100%;
transform: translate3d(100%, 0, 0);
}
.c-offcanvas--left {
width: 100%;
transform: translate3d(-100%, 0, 0);
}
}
.pwf-off-canvas .pwf-off-canvas-content .pwf-field-item-button {
display: none;
}
.pwf-off-canvas-header {
color: #222;
padding: 0px 30px;
font-size: 15px;
font-weight: 600;
position: relative;
text-transform: uppercase;
background-color: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.pwf-off-canvas-content .pwf-woo-filter{
margin-top: 30px;
}
.pwf-off-canvas .pwf-field-item {
padding: 0 30px;
}
.pwf-canvas-close-btn .pwf-canvas-icon {
position: relative;   
}
.pwf-canvas-close-btn .pwf-canvas-icon::before,
.pwf-canvas-close-btn .pwf-canvas-icon::after {
opacity: 0.7;
content: " ";
width: 16px;
height: 2px;
position: absolute;
right: 0;
top: 5px;
display: inline-block;
background-color: #222;
}
.pwf-canvas-close-btn .pwf-canvas-icon::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pwf-canvas-close-btn .pwf-canvas-icon::after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
} .pwf-off-canvas .pwf-note-list {
margin: 0 0 16px;
}
.pwf-off-canvas .empty-active-items.pwf-note-list {
margin: 0;
}
.pwf-canvas-footer {
font-size: 15px;
font-weight: 600;
color: #222;
text-align: center;
padding: 0;
background-color: #fff;
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
}
.pwf-canvas-footer .pwf-footer-inner {
margin:auto;
display: grid;
grid-template-columns: 50% 50%;
text-align: center;
}
.pwf-off-canvas .pwf-canvas-footer .pwf-field-item {
padding: 0;
margin-bottom: 0;
}
.pwf-canvas-footer .pwf-field-item-button {
color: inherit;
font-size: inherit;
font-weight: inherit;
text-align: center;
}
.pwf-canvas-footer .pwf-field-item-button:last-child {
margin-right: 0;
border-right:0;
}
.pwf-canvas-footer .pwf-field-item-button .pwf-item,
.pwf-canvas-footer .pwf-field-item-button button {
font-size: inherit;
color: inherit;
margin-top: 0;
display: inline-block;
width: 100%;
padding: 0;
border: 0;
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
line-height: inherit;
height: initial;
text-transform: capitalize;
margin: 0;
}
.pwf-canvas-footer .pwf-field-item-button .pwf-button-text {
position: relative;
}
body.has-offcanvas--visible .select2-container {
z-index: 100000;
}
.pwf-off-canvas .pwf-note-list {
padding: 0 30px;
}
.pwf-off-canvas .pwf-column {
float: none;
width: 100% !important;
padding: 0;
}
.pwf-canvas-wrap-title {
position: relative;
}
.pwf-off-canvas .pwf-canvas-close-btn,
.pwf-off-canvas .c-button__text,
.pwf-canvas-close-btn .pwf-canvas-icon {
display: block;
}
.pwf-off-canvas .c-button__text {
width: 16px;
height: 16px;
}
.pwf-off-canvas .pwf-canvas-close-btn {
position: absolute;
right: 0;
top: 38%;
}
.pwf-filter-as-button-title {
position: relative;
cursor: pointer;
}
.pwf-filter-as-button-header {
display: grid;
grid-template-columns: max-content auto;
margin-bottom: 16px;
}
.pwf-filter-as-button-header .pwf-filter-as-button-text {
color: #222;
font-size: 16px;
font-weight: 600;
position: relative;
text-transform: uppercase;
padding-right: 16px;
}
.pwf-filter-as-button-text::after,
.pwf-filter-as-button-text::before {
content: " ";
width: 10px;
height: 2px;
position: absolute;
right: 0;
top: 10px;
display: inline-block;
background-color: #1B1919;
}
.pwf-filter-as-button-text::before {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.pwf-filter-as-button-text::after {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.pwf-filter-as-button-text:hover {
opacity: 0.7;
}
.pwf-btn-closed .pwf-filter-as-button-text::before {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}
.pwf-btn-closed .pwf-filter-as-button-text::after {
transform: rotate(-270deg);
-webkit-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
}
.pwf-item-label .pwf-title-container .text-title {
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
}
.pwf-woo-filter .pwf-toggle::before {
font-size: 15px;
font-weight: inherit;
} .pwf-icon-css {
cursor: pointer;
position: absolute;
right: 12px;
}
.pwf-search-icon {
color: #666;
box-sizing: border-box;
display: block;
transform: scale(var(--ggs,1));
width: 14px;
height: 14px;
border: 2px solid;
border-radius: 100%;
top: 25%;
}
.pwf-search-icon::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
border-radius: 3px;
width: 2px;
height: 8px;
background-color: #666;
transform: rotate(-45deg);
top: 9px;
left: 12px;
}
.pwf-search-focus {
color: #4ea853;
}
.pwf-search-focus::before {
background-color: #4ea853;
} .pwf-star-rating-item {
display: block;
position: relative;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
line-height: 1em;
}
.pwf-field-item-rating .pwf-star-rating-item > .star-rating {
float: none;
font-size: 14px;
display: inline-block;
margin: 0px 0 0 8px;
}
.pwf-up-text {
margin-left: 6px;
}
.pwf-star-rating-item.checked .pwf-up-text,
.pwf-star-rating-item.pwf-ui-state-hover .pwf-up-text,
.pwf-star-rating-item.checked .pwf-product-counts,
.pwf-star-rating-item.pwf-ui-state-hover .pwf-product-counts {
color: #000;
}
.pwf-star-rating-item .pwf-product-counts {
line-height: 1em;
}
.pwf-rating-radio-type .pwf-input-container,
.pwf-rating-checkbox-type .pwf-input-container { }
@-moz-document url-prefix() {
.pwf-rating-radio-type .pwf-input-container,
.pwf-rating-checkbox-type .pwf-input-container { }
} .pwf-load-more-button {
cursor: pointer;
position: relative;
z-index: 1;
font-size: 15px;
font-weight: 600;
text-align: center;
color: #222;
margin-top: 0;
display: inline-block;
width: auto;
height: auto;
padding: 0 40px;
background-color: transparent;
text-transform: capitalize;
border: 1px solid #dcdfe6;
-webkit-border-radius: 4px;
border-radius: 2px;
line-height: 40px;
letter-spacing: 1.2px;
-webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.pwf-load-more-button:focus {
outline: none;
}
.pwf-products-loading {
cursor: not-allowed;
}
.pwf-load-more-button::before {
top: 0px;
width: 0px;
left: auto;
right: 0px;
z-index: -1;
bottom: 0px;
content: "";
position: absolute;
background: #F9F9F9;
-webkit-border-radius: 2px;
border-radius: 2px;
transition: width 0.3s linear;
}
.pwf-load-more-button:hover::before {
left: 0px;
width: 100%;
right: auto;
}
.pwf-load-more-button .pwf-button-loader {
position: relative;
width: 20px;
height: 20px;
display: none;
margin-left:12px;
}
.pwf-products-loading .pwf-button-loader {
display: inline-block;
}
.pwf-load-more-button .pwf-button-loader .pwf-loader,
.pwf-load-more-button .pwf-button-loader .pwf-loader::after {
width: 20px;
height: 20px;
}
.pwf-load-more-button .pwf-button-loader .pwf-loader {
margin: 0;
top: 4px;
left: 0;
border-top: 3px solid rgba(0, 0, 0, 0.75);
border-right: 3px solid rgba(0, 0, 0, 0.75);
border-bottom: 3px solid rgba(0, 0, 0, 0.75);
border-left: 3px solid #FFF;
}
.pwf-pagination-type-load-more {
display: block;
margin: auto;
} .pwf-pagination-type-infinite-scroll {
position: relative;
display: block;
text-align: center;
margin: auto;
}
.pwf-pagination-type-infinite-scroll.pwf-no-products > .pwf-button-loader {
display: none;
}
.pwf-pagination-type-infinite-scroll .pwf-load-more-button {
visibility: hidden;
}
.pwf-pagination-type-infinite-scroll .pwf-infinite-loader {
margin: 0;
width: 100px;
}
.pwf-pagination-type-infinite-scroll .pwf-infinite-loader .pwf-bounce {
width: 12px;
height: 12px;
margin-left: 12px;
background-color: #333;
display: block;
border-radius: 100%;
display: inline-block;
-webkit-animation: pwf-bouncedelay 1.4s infinite ease-in-out both;
animation: pwf-bouncedelay 1.4s infinite ease-in-out both;
}
.pwf-pagination-type-infinite-scroll .pwf-infinite-loader .pwf-b1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.pwf-pagination-type-infinite-scroll .pwf-infinite-loader .pwf-b2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.pwf-pagination-type-infinite-scroll .pwf-load-more-button {
display: block;
margin: auto;
height: 1px !important;
}
@-webkit-keyframes pwf-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes pwf-bouncedelay {
0%, 80%, 100% { 
-webkit-transform: scale(0);
transform: scale(0);
} 40% { 
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
} .pwf-field-item-rating .pwf-star-rating-item:last-child,
.pwf-field-item-checkboxlist .pwf-field-item-container > .pwf-checkboxlist-item:last-child > .pwf-item-inner > .pwf-item-label,
.pwf-field-item-radiolist .pwf-field-item-container > .pwf-radiolist-item:last-child > .pwf-item-inner > .pwf-item-label,
.pwf-field-item-textlist .pwf-field-item-container > .pwf-textlist-item:last-child > .pwf-item-inner > .pwf-item-label {
margin-bottom: 0;
} .pwf-range-slider-labels {
color: #666;
}
.pwf-field-item .noUi-target {
background-color: #e6e6e6;
}
.pwf-radiolist-label .pwf-input-container,
.pwf-checkbox-label .pwf-input-container,
.pwf-rating-radio-type .pwf-input-container,
.pwf-rating-checkbox-type .pwf-input-container,
.pwf-field-item-button .pwf-item-button,
.pwf-date-field input,
.pwf-price-slider-min-max-inputs input,
.woocommerce .pwf-date-field input[type="text"],
#sidebar .pwf-field-item-dropdownlist select,
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--single,
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--multiple,
.pwf-field-item-dropdownlist select,
.pwf-field-item-search input[type="text"],
.woocommerce .pwf-field-item-search  input[type="text"],
.woocommerce-page .pwf-field-item-search  input[type="text"],
.select2-container--open .pwf-customize-select2 {
border-color: #d4d4d4;
}
.pwf-field-item-title,
.pwf-field-item-button .pwf-item-button,
.pwf-more-button,
.pwf-more-button .pwf-icon-more::before,
.pwf-woo-filter .pwf-toggle,
.pwf-item-label .pwf-title-container .text-title,
.pwf-date-field input, .woocommerce .pwf-date-field input[type="text"],
#sidebar .pwf-field-item-dropdownlist select,
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--single,
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--single .select2-selection__rendered,
.pwf-field-item-dropdownlist select,
.pwf-checkboxlist-item.checked > .pwf-item-inner > .pwf-item-label .pwf-input-container::after,
.pwf-more-button:hover .pwf-icon-more::before,
.pwf-item-label .pwf-title-container:hover .text-title,
.pwf-textlist-item.selected > .pwf-item-inner > .pwf-item-label > .pwf-title-container,
.checked > .pwf-item-inner > .pwf-item-label .pwf-title-container .text-title,
.pwf-textlist-item > .pwf-item-inner > .pwf-item-label > .pwf-title-container:hover,
.pwf-field-item-dropdownlist .pwf-select::after,
.pwf-field-item-search input[type="text"],
.woocommerce .pwf-field-item-search  input[type="text"],
.woocommerce-page .pwf-field-item-search  input[type="text"],
.pwf-field-item-dropdownlist .select2-container--default .select2-selection--multiple li,
#sidebar .pwf-field-item-dropdownlist .select2-container--default .select2-selection--multiple li,
.pwf-up-text {
color: #222;
}
.pwf-boxlist-item.selected,
.pwf-boxlist-item:hover,
.pwf-field-item-button .pwf-item-button:hover {
color: #FFF;
background-color: #222;
border: 1px solid #222;
}
.pwf-boxlist-item.selected .pwf-item-label .pwf-title-container .text-title {
color: #FFF;
}
.pwf-boxlist-item.selected .pwf-product-counts,
.pwf-boxlist-item:hover .pwf-product-counts {
color: #FFF;
background-color: transparent;
}
.pwf-canvas-wrap-title {
position: relative;
}
.pwf-off-canvas .pwf-canvas-close-btn,
.pwf-off-canvas .c-button__text,
.pwf-canvas-close-btn .pwf-canvas-icon {
display: block;
}
.pwf-off-canvas .c-button__text {
width: 16px;
height: 16px;
}
.pwf-off-canvas .pwf-canvas-close-btn {
position: absolute;
right: 0;
top: 38%;
}
.pwf-woo-filter-active-filters {
clear: both;
margin: 15px 0;
padding: 0;
min-height: 1px;
}
.rtl .pwf-column {
float: right;
}
.rtl .pwf-item-label .pwf-title-container {
padding-right: 10px; 
padding-left: 24px;
}
.rtl .pwf-boxlist-item .pwf-item-label .pwf-title-container {
padding: 0;
}
.rtl .pwf-product-counts { 
margin-left: 0;
margin-right: 8px;
}
.rtl .pwf-product-counts::after {
right: auto;
left: -3px
}
.rtl .pwf-product-counts::before {
left: auto;
right: -3px;
}
.rtl .pwf-woo-filter .pwf-items-hierarchical .pwf-children {
padding-left: 0;
padding-right: 20px;
} .rtl .pwf-more-button .pwf-icon-more,
.rtl .pwf-woo-filter .pwf-toggle {
float: left;
}
.rtl .pwf-more-button .pwf-icon-more {
float: none;
margin-right: 0;
margin-left: 4px;
}
.rtl .pwf-more-button .pwf-icon-more::before,
.rtl .pwf-woo-filter .pwf-toggle::before {
right: auto;
left: 0;
}
.rtl .pwf-woo-filter .title-toggle-icon-arrow .pwf-field-item-title .pwf-toggle,
.rtl .pwf-woo-filter .term-toggle-icon-arrow .pwf-item-label .pwf-toggle {
float: none;
right: auto;
left: 0;
} .rtl .pwf-checkbox-label .pwf-input-container {
float: right;
} .rtl .pwf-radiolist-label .pwf-input-container {   
float: right;
} .rtl .pwf-textlist-item .pwf-item-label .pwf-title-container {
padding-right: 0;
}
.rtl .pwf-textlist-inline-style .pwf-textlist-item {
margin-right: 0;
margin-left: 1px;
} .rtl #sidebar .pwf-field-item-dropdownlist select,
.rtl .pwf-field-item-dropdownlist .select2-container--default .select2-selection--single,
.rtl .pwf-field-item-dropdownlist select {
padding: 0 8px 0 24px;
}
.rtl .pwf-field-item-dropdownlist .pwf-select::after {
right: auto;
left: 4%;
} .rtl .pwf-colorlist-item {
float: right;
margin: 12px 0 0 12px;
}
.rtl .pwf-colorlist-item .pwf-product-counts {
right: auto;
left: -1px;
margin-left: 0;
margin-right: 0;
}
.rtl .pwf-field-item-colorlist.pwf-rounded .pwf-product-counts {    
right: auto;
left: -6px;
} .rtl .pwf-boxlist-item {
float: right;
margin: 12px 0 0 12px;
}
.rtl .pwf-boxlist-item .pwf-product-counts {
right: auto;
left: -1px;
margin-left: 0;
margin-right: 0;
} .rtl .pwf-search-icon {
right: auto;
left: 12px;
}
.rtl .pwf-field-item-search input[type="text"],
.rtl .woocommerce .pwf-field-item-search  input[type="text"],
.rtl .woocommerce-page .pwf-field-item-search  input[type="text"] {
padding: 0 12px 0 0;
} .rtl .pwf-price-slider-min-max-inputs input,
.rtl .pwf-date-field input,
.rtl.woocommerce .pwf-date-field input[type="text"] {
margin: 0 0 0 2%;
padding: 0 12px 0 0;
}
.rtl .pwf-date-field input:last-child,
.rtl .pwf-price-slider-min-max-inputs input:last-child {
margin-left: 0;
}
.rtl .ui-datepicker .ui-datepicker-prev span,
.rtl .ui-datepicker .ui-datepicker-next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.rtl .ui-datepicker .ui-datepicker-next span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.rtl .ui-datepicker .ui-datepicker-prev span {
margin-right: -6px;
}
.rtl .ui-datepicker .ui-datepicker-prev-hover {
left: auto;
right: 2px;
}
.rtl .ui-datepicker .ui-datepicker-next-hover {
right: auto;
left: 2px;
} .rtl .pwf-more-button {
padding-left: 0;
padding-right: 28px;
} .rtl .pwf-note-item {   
padding: 4px 16px 4px 6px;
margin-right: 0;
margin-left: 2px;
}
.rtl .pwf-icon-remove {
margin-right: 0;
margin-left: 6px;
}
.rtl .pwf-icon-remove::after,
.rtl .pwf-icon-remove::before {
right: auto;
left: 2px;
} .rtl .pwf-sticky-button form,
.rtl .woocommerce .pwf-sticky-button .woocommerce-ordering {
left: auto;
right: 0;
}
.rtl .pwf-sticky-button form select,
.rtl .woocommerce .pwf-sticky-button > .woocommerce-ordering select {
padding: 0 8px 0 0;
}
.rtl .pwf-sticky-button .pwf-sorting-text::after {
margin-left: 0;
margin-right: 12px;
}
.rtl .pwf-sticky-filter-count {
padding-left: 0;
padding-right: 8px;
} .rtl .pwf-off-canvas .pwf-canvas-close-btn {
right: auto;
left: 0;
}
.rtl .pwf-canvas-close-btn .pwf-canvas-icon::before,
.rtl .pwf-canvas-close-btn .pwf-canvas-icon::after {
right: auto;
left: 0;
} .rtl .pwf-canvas-footer .pwf-field-item-button:last-child {
margin-left: 0;
border-left:0;
}
.rtl .pwf-filter-as-button-header .pwf-filter-as-button-text {
padding-right: 0;
padding-left: 16px;
}
.rtl .pwf-filter-as-button-text::after,
.rtl .pwf-filter-as-button-text::before {
right: auto;
left: 0;
}
.rtl .pwf-range-slider-labels {
text-align: left;
}
.rtl .pwf-load-more-button .pwf-button-loader {
margin-left: 0;
margin-right: 12px;
}
.rtl .pwf-field-item-rating .pwf-star-rating-item > .star-rating {
margin-left: 0;
margin-right: 8px;
}
.rtl .pwf-up-text {
margin-left: 0;
margin-right: 6px;
}
.rtl .pwf-has-multiple-select .select2-container--default .select2-selection--multiple {
padding: 0 8px 0 24px;
}