/*! * Filter Everything 1.2.3 */ body .wpc-hidden{ display: none; } .wpc-front-error{ color: #cc0000; text-align: center; } .wpc-page-seo-description{ margin-bottom: 1em; } .wpc-filters-section{ margin-bottom: 1.5em; position: relative; } .wpc-filters-widget-main-wrapper ul.children{ list-style: none; } .widget-area ul.wpc-filters-ul-list, .wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{ list-style: none; padding: .25em 0 0 .25em; margin-left: 0; } .theme-numinous .widget-area ul.wpc-filters-ul-list, .theme-numinous .wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{ margin-top: 0; } .widget-area ul.wpc-filters-ul-list input, .wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list input{ margin-top: 0; } .widget-area ul.wpc-filters-labels, .wpc-filters-widget-main-wrapper ul.wpc-filters-labels{ padding-left: 0; } .wpc-filter-title { margin-bottom: 1em; position: relative; display: flex; justify-content: space-between; align-items: center; } body .wpc-filters-widget-main-wrapper li.wpc-term-item, .widget-area li.wpc-term-item{ margin-bottom: 7px; border: none; padding: 0; } li.wpc-term-item ul.children{ display: none; margin-top: 14px; } li.wpc-term-item > .wpc-opened+ul.children{ display: block; } body .wpc-filters-widget-main-wrapper .wpc-term-item-content-wrapper, .widget-area .wpc-term-item-content-wrapper, .wpc-term-item-content-wrapper{ display: flex; align-items: center; position: relative; padding-right: 24px; } body .wpc-filters-widget-main-wrapper .wpc-filters-labels .wpc-term-item-content-wrapper, .widget-area .wpc-filters-labels .wpc-term-item-content-wrapper, .wpc-filters-labels .wpc-term-item-content-wrapper{ padding-right: 0; } i.wpc-toggle-children-list{ width: 24px; top: 0; bottom: 0; right: 6px; position: absolute; } i.wpc-toggle-children-list:hover{ cursor: pointer; } i.wpc-toggle-children-list:before, i.wpc-toggle-children-list:after{ content: ""; display: inline-block; width: 11px; height: 1px; background-color: #6d6d6d; position: absolute; right: 0; } i.wpc-toggle-children-list:before{ top: 50%; transform: rotate( 90deg ); } i.wpc-toggle-children-list:after{ bottom: calc(50% + -1px); } .wpc-term-item-content-wrapper.wpc-opened i.wpc-toggle-children-list:before{ display: none; } .woocommerce-page .content .h-section .wpc-filters-labels li.wpc-term-item input[type=checkbox], .widget-area .wpc-filters-labels li.wpc-term-item input, .wpc-filters-labels li.wpc-term-item input{ display: none; } .wpc-filters-labels{ padding-top: 1px; } .wpc-filters-labels:after{ content: ""; display: block; height: 0; clear: both; } .widget-area .wpc-filters-labels li.wpc-term-item, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item{ float: left; margin-top: 0; margin-bottom: 10px; padding: 0; width: auto; } .widget-area .wpc-filters-labels li.wpc-term-item label, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label{ margin-right: 8px; margin-left: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; padding-left: 0; margin-bottom: 0; position: relative; } .widget-area .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{ border: 1px solid transparent; margin-left: 0; cursor: pointer; display: flex; padding: 2px 10px; border-radius: 3px; } .theme-twentyfourteen .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{ background-color: rgba(255, 255, 255, 0.25); } .widget-area input.wpc-label-input:checked+label, .wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label{ border: 1px solid rgba(0,0,0,0.25); border-radius: 5px; } .widget-area input.wpc-label-input:checked+label span.wpc-filter-label-wrapper, .wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{ color: #333333; background-color: rgba(0,0,0,0.25); } .theme-twentytwentyone .widget-area .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper, .theme-twentytwentyone .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{ padding: 6px 12px; } .theme-twentytwentyone .widget-area li.wpc-term-item label, .theme-twentytwentyone .wpc-filters-widget-main-wrapper .widget li.wpc-term-item label{ padding-left: 8px; } .widget-area .wpc-filters-labels li.wpc-term-item input:checked+label a, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item input:checked+label a{ color: #333333; } .widget-area .wpc-filters-labels li.wpc-term-item label a, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label a{ text-decoration: none; transition: none; } .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a, .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .wpc-term-count-0:not(.wpc-has-not-empty-children){ opacity: 0.8; } .widget-area li.wpc-term-item input[type='checkbox'], .wpc-filters-widget-main-wrapper li.wpc-term-item input[type='checkbox'], .widget-area li.wpc-term-item input[type='radio'], .wpc-filters-widget-main-wrapper li.wpc-term-item input[type='radio'] { outline: none; margin-left: 1px; margin-right: 2px; } .widget-area li.wpc-term-item input[type='checkbox']:hover, .wpc-filters-widget-main-wrapper li.wpc-term-item input[type='checkbox']:hover, .widget-area li.wpc-term-item input[type='radio']:hover, .wpc-filters-widget-main-wrapper li.wpc-term-item input[type='radio']:hover{ background-color: transparent; } .wpc-filters-widget-main-wrapper li.wpc-term-item label, .widget-area li.wpc-term-item label{ display: flex; margin-bottom: 0; margin-top: 0; padding-left: 5px; margin-left: 0; } .widget-area .wpc-filters-labels li.wpc-term-item label, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label{ padding-left: 0; } .widget-area li.wpc-term-item label:hover, .wpc-filters-widget-main-wrapper li.wpc-term-item label:hover{ cursor: pointer; } .wpc-filter-content select{ width: 100% !important; margin-bottom: 1em; } .wpc-filters-widget-main-wrapper li.wpc-term-item a, .widget-area .widget li.wpc-term-item a { text-decoration: none; font-weight: normal; outline: none; padding-top: 0; padding-bottom: 0; } .wpc-filter-product_visibility .wpc-term-item label a{ display: block; } .wpc-filter-product_visibility .wpc-term-item label a .star-rating{ display: block; margin-right: 2px; position: relative; height: 1.618em; line-height: 1.618; } .theme-twentytwentyone .wpc-filter-product_visibility .wpc-term-item label a .star-rating{ margin-bottom: 0; } .widget-area .wpc-filter-product_visibility li.wpc-term-item label, .wpc-filters-widget-main-wrapper .wpc-filter-product_visibility li.wpc-term-item label{ display: flex; align-items: flex-start; } .widget-area .widget .wpc-filter-chips-list a:focus, .wpc-filter-chips-list a:focus, body li.wpc-term-item a:hover, .widget-area .widget li.wpc-term-item a:hover, body li.wpc-term-item a:focus, .widget-area .widget li.wpc-term-item a:focus{ box-shadow: none; text-decoration: none; } .widget-area .widget .wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a, .wpc-filter-chips-list a{ text-decoration: none; font-weight: 400; background: rgba(0, 0, 0, 0.03); border-radius: 50px; padding: 3px 15px; display: inline-block; outline: none; border: 1px solid #d8d8d8; position: relative; } .widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a, body .wpc-filter-chips-list li.wpc-chip-reset-all a{ border-color: #cc8181; color: inherit; } li.wpc-chip-reset-all .wpc-filter-chip-name{ margin-right: 0; } li.wpc-chip-reset-all .wpc-chip-remove-icon{ display: none; } .widget-area .widget .wpc-filter-chips-list a:hover, .wpc-filters-widget-main-wrapper .wpc-filter-chips-list a:hover{ background: rgba(0, 0, 0, 0.05); box-shadow: none; } body .wpc-filter-chips-list li.wpc-filter-chip a:active, .widget-area .wpc-filter-chips-list li.wpc-filter-chip a:active, .wpc-filters-widget-main-wrapper .wpc-filter-chips-list li.wpc-filter-chip a:active { opacity: 0.75; } .wpc-filter-chips-list a:hover .wpc-chip-remove-icon{ color: #cc0000; } .widget-area .widget ul.wpc-filter-chips-list, body ul.wpc-filter-chips-list { margin-left: 0; list-style: none !important; } body .wpc-filter-chips-list li.wpc-filter-chip, .wpc-filter-chips-list li, li.wpc-filter-chip{ margin: 0 7px 7px 0; padding: 0; border: none; } .wpc-filter-chip-name{ margin-right: 0.5em; white-space: nowrap; max-width: 152px; overflow: hidden; } .wpc-chip-remove-icon{ display: inline-block; font-size: 1.25em; line-height: 0.8; } .wpc-chip-content{ display: flex; align-items: center; } .wpc-filters-range-wrapper{ display: flex; justify-content: space-between; } .wpc-filters-range-column { width: auto; } .wpc-filters-range-min-column, .wpc-filters-range-max-column{ max-width: 47%; } .wpc-filters-range-min-column{ margin-right: 3%; } .wpc-filters-range-wrapper input[type="number"]{ width: 100%; box-sizing: border-box; -webkit-appearance: none; } .wpc-filters-range-values-wrapper{ text-align: right; margin-top: 10px; } /* jQuery UI Slider */ .wpc-filters-range-slider-wrapper{ margin: 1.5em 13px 10px 0; } .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: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 26px; height: 26px; cursor: default; -ms-touch-action: none; touch-action: none; box-shadow: inset 0 0 0 1px #ebebeb; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 3px; background: #c5c5c5; } .ui-slider-horizontal .ui-slider-handle { top: -12px; margin-left: -6px; border-radius: 50%; outline: none; box-shadow: 0 2px 9px rgba(0,0,0,.23); } .ui-slider-horizontal .ui-slider-range:hover, .ui-slider-horizontal .ui-slider-handle:hover{ cursor: pointer; } .wpc-filters-widget-main-wrapper .ui-slider-horizontal .ui-slider-handle:after, .wpc-filters-widget-main-wrapper .ui-slider-horizontal .ui-slider-handle:before{ display: none; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #4c4c4c; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .wpc-filter-has-selected .wpc-filter-collapsible+.wpc-closed, .wpc-filter-collapsible+.wpc-filter-content:not(.wpc-opened), .wpc-filter-collapsible+.wpc-filter-content.wpc-closed{ display: none; } .wpc-filter-has-selected .wpc-filter-collapsible+.wpc-filter-content:not(.wpc-closed), .wpc-filter-collapsible+.wpc-filter-content.wpc-opened{ display: block; } .wpc-filter-collapsible .wpc-filter-title{ position: relative; } .wpc-filter-has-selected .wpc-filter-collapsible.wpc-closed .wpc-filter-title button .wpc-open-icon, .wpc-filter-collapsible .wpc-filter-title button .wpc-open-icon{ content: ""; width: 0.5em; min-width: 0.5em; height: 0.5em; display: block; border-left: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d; position: relative; transform: rotate(-135deg); transition: transform .3s ease; } .wpc-filter-has-selected .wpc-filter-title button .wpc-open-icon, .wpc-filter-collapsible.wpc-opened .wpc-filter-title button .wpc-open-icon{ transform: rotate(45deg); } .wpc-filter-header .wpc-filter-title button{ width: 100%; background: none; border: none; cursor: pointer; padding: 0; text-align: left; outline: none; font-size: inherit; color: inherit; font-weight: inherit; box-shadow: none; display: flex; justify-content: space-between; align-items: center; } .wpc-filter-selected-values{ visibility: hidden; opacity: 0; margin-top: 5px; font-size: 13px; padding-right: 10px; } .wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values{ visibility: visible; opacity: 1; } .widget-area{ position: relative; } .wpc-filters-widget-main-wrapper, .widget_wpc_filters_widget{ position: relative; } .wpc-filters-widget-controls-container{ display: none; text-align: center; position: sticky; top: 0; background: #fff; z-index: 99999; border-bottom: 1px solid #e4e4e4; } .theme-twentyfourteen .wpc-filters-widget-controls-container{ background-color: #000; } .wpc-filters-toolbar, .wpc-inner-widget-chips-wrapper:not(.wpc-show-on-desktop), .wpc-filters-open-button-container, .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .wpc-filters-open-button-container{ display: none; } .wpc-filters-widget-controls-wrapper{ margin-right: 20px; margin-left: 20px; display: flex; justify-content: space-between; height: 50px; align-items: center; } .widget-area .widget .wpc-filters-widget-controls-container a, .widget .wpc-filters-widget-controls-container a, .wpc-filters-widget-main-wrapper .wpc-filters-widget-controls-container a{ outline: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .1s ease-in-out; text-decoration: none; font-weight: 600; white-space: nowrap; box-shadow: none; } .wpc-filters-widget-controls-container a:hover, .wpc-filters-widget-controls-container a:active, .wpc-filters-widget-controls-container a:focus{ opacity: .6; box-shadow: none; } .widget-area .widget a.wpc-open-close-filters-button, body a.wpc-open-close-filters-button, a.wpc-open-close-filters-button, .wpc-open-close-filters-button, body a.wpc-filters-open-widget, a.wpc-filters-open-widget, .wpc-filters-open-widget{ display: inline-block; text-align: left; border: 1px solid #2c2d33; border-radius: 2px; line-height: 1.5; padding: 7px 12px 7px 12px; background-color: transparent; color: #2c2d33; box-sizing: border-box; text-decoration: none !important; font-weight: normal; transition: none; position: relative; } .wpc-button-inner{ display: flex; align-items: center; } .wpc-filters-scroll-container{ padding: 0; transition: opacity .1s ease-in-out; } .wpc-spinner { width: 32px; height: 32px; position: fixed; z-index: 9; left: calc(50% - 16px); top: calc(50% - 16px); display: none; z-index: 999999; } .wpc-spinner:after{ content: ''; position: absolute; opacity: 0.8; border: 3px solid #f3f3f3; border-top: 3px solid #9f9f9f; border-radius: 50%; width: 32px; height: 32px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; animation: wpc-spinner .5s linear infinite; } .wpc-filters-overlay{ content: " "; background: #252525; opacity: 0; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; margin: 0; } .wpc-filters-widget-controls-item{ width: 45%; } .wpc-filters-widget-controls-one{ text-align: left; } .wpc-filters-widget-controls-two{ text-align: right; } .wpc-filters-toolbar .wpc-filter-chips-list{ margin: 0 0 0 .5em; display: flex; -webkit-box-pack: start; place-content: center flex-start; -webkit-box-align: center; align-items: center; overflow-x: auto; } .wpc-filters-toolbar li.wpc-filter-chip{ display: inline-block; } .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content::-webkit-scrollbar { width: 6px; border-radius: 6px; background: #E9E9EB; } .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content::-webkit-scrollbar-track { border-radius: 6px; } .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 6px; } .wpc-open-close-filters-button{ display: none; } #sidebar:after, .fusion-sidebar-inner-content:after{ content: ""; clear: both; display: block; width: 1px; height: 1px; } .wpc-icon-html-wrapper{ position: relative; margin-right: 10px; top: 2px; } .wpc-icon-html-wrapper span{ display: block; height: 1px; width: 20px; -webkit-transition: all,ease,.1s; transition: all,ease,.1s; border-radius: 3px; background: #2c2d33; margin-bottom: 4px; position: relative; } span.wpc-icon-line-1:after{ content: ""; display: block; width: 3px; height: 3px; border: 1px solid #2c2d33; border-radius: 50%; background-color: #ffffff; position: absolute; top: -2px; left: 5px; box-sizing: content-box; } span.wpc-icon-line-2:after{ content: ""; display: block; width: 3px; height: 3px; border: 1px solid #2c2d33; border-radius: 50%; background-color: #ffffff; position: absolute; top: -2px; left: 12px; box-sizing: content-box; } span.wpc-icon-line-3:after{ content: ""; display: block; width: 3px; height: 3px; border: 1px solid #2c2d33; border-radius: 50%; background-color: #ffffff; position: absolute; top: -2px; left: 2px; box-sizing: content-box; } /*.wpc-overlay-visible span.wpc-icon-line-2,*/ /*.wpc-overlay-visible span.wpc-icon-line-1:after,*/ /*.wpc-overlay-visible span.wpc-icon-line-2:after,*/ /*.wpc-overlay-visible span.wpc-icon-line-3:after,*/ .wpc-opened span.wpc-icon-line-2, .wpc-opened span.wpc-icon-line-1:after, .wpc-opened span.wpc-icon-line-2:after, .wpc-opened span.wpc-icon-line-3:after{ border-color: #ffffff; display: none; } .wpc-opened span.wpc-icon-line-1{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .wpc-opened span.wpc-icon-line-3{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .wpc-opened span.wpc-icon-line-3, .wpc-opened span.wpc-icon-line-1{ margin-bottom: -1px; top: -3px; } .theme-generatepress.woocommerce .wpc-filters-open-button-container, .theme-Avada .woocommerce-container .wpc-filters-open-button-container{ padding-left: 0; padding-right: 0; } .theme-generatepress .wpc-filters-open-button-container, .theme-Avada .wpc-filters-open-button-container{ padding-left: 30px; padding-right: 30px; } .wpc-overlay-visible .theme-neve .nv-sidebar-wrap.shop-sidebar{ opacity: 1; z-index: 100000; position: relative; pointer-events: initial; } .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown .select2-search{ border: none; } .theme-Avada .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{ border-color: #e2e2e2; } .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{ border-color: #ccd0dc; } .theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single{ border-color: #e2e2e2; border-radius: 6px; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single{ border-color: #ccd0dc; border-radius: 3px; } .theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 36px; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: inherit; color: inherit; } .sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option, .wpc-filter-everything-dropdown .select2-results__option{ line-height: inherit; font-size: inherit; padding: 6px 14px; } .wpc-filter-layout-dropdown .select2-container .select2-selection--single{ height: auto; padding: 6px; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 100%; border: none; } .select2-dropdown.wpc-filter-everything-dropdown { border-color: #ccd0dc; } .select2-dropdown.wpc-filter-everything-dropdown{ z-index: 999999; } .select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected=true], .select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected=true]{ background-color: #f2f2f2; } .select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown{ padding: 4px 10px; } .theme-Avada .select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{ border-color: #e2e2e2; } .select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{ border-color: #ccd0dc; box-shadow: none; border-radius: 3px; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-left: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d; width: 8px; height: 8px; font-size: 16px; transform: rotate(-135deg); right: 10px; top: calc(50% + -6px); transition: transform .3s ease; left: auto; margin: 0; display: block; border-right: none; border-bottom: none; } .wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ transform: rotate(45deg); border-left: 1px solid #6d6d6d; border-top: 1px solid #6d6d6d; top: calc(50% + -2px); } .select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field:focus{ background-color: #f2f2f2; } .select2-results__option .wpc-term-count-0{ opacity: 0.7; } .wpc-filters-overlay{ transition: opacity .05s linear; } /*TipTip CSS*/ .wpc-help-tip { color: #929292; display: inline-block; font-style: normal; height: 15px; line-height: 15px; position: relative; vertical-align: middle; width: 15px; min-width: 15px; } .wpc-help-tip::after { speak: none; font-weight: 700; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin: 0; text-indent: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; content: "?"; cursor: help; background: #bdbdbd; border-radius: 50%; color: #fff; font-size: 10px; line-height: 15px; font-family: arial; } .wpc-filter-title .wpc-help-tip { font-size: 1em; } .wpc-wrap-icons .wpc-help-tip { margin-left: 10px; margin-right: 10px; } #tiptip_holder { display: none; z-index: 8675309; position: absolute; top: 0; left: 0; } #tiptip_holder.tip_top { padding-bottom: 5px } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #333 } #tiptip_holder.tip_bottom { padding-top: 5px } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #333 } #tiptip_holder.tip_right { padding-left: 5px } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #333 } #tiptip_holder.tip_left { padding-right: 5px } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #333 } #tiptip_content, .chart-tooltip, .wc_error_tip { color: #fff; font-size: .75em; background: #333; border-radius: 3px; padding: .618em 1em; box-shadow: 0 1px 3px rgba(0, 0, 0, .2) } #tiptip_content code, .chart-tooltip code, .wc_error_tip code { padding: 1px; background: #888 } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0 } .wpc-wrap-icons{ display: flex; align-items: center; flex-wrap: wrap; } .wpc-wrap-icons > *{ flex-grow: 1; } .wpc-wrap-icons .wpc-help-tip{ flex-grow: initial; } .wpc-wrap-icons .wpc-filter-selected-values{ flex-grow: 2; min-width: 100%; } .wpc-debug-message { padding: 16px; font-size: 14px; border: 1px dashed #ccc; } .wpc-debug-title{ font-size: 13px; margin-bottom: 24px; } .wpc-edit-filter-set{ font-size: 13px; } @media screen and (min-width: 769px) { .wpc_show_bottom_widget .wpc-filters-widget-content{ height: auto !important; } } @media screen and (min-width: 768px) { .wpc-custom-selected-terms ul.wpc-filter-chips-list{ display: flex; overflow-x: auto; padding-left: 0; } .sidebar .wpc-custom-selected-terms ul.wpc-filter-chips-list, #sidebar .wpc-custom-selected-terms ul.wpc-filter-chips-list, #secondary .wpc-custom-selected-terms ul.wpc-filter-chips-list, .widget-area .wpc-custom-selected-terms ul.wpc-filter-chips-list{ display: block; overflow: visible; } html.is-active .wpc-filters-overlay{ top: 0; opacity: .2; background: #ffffff; } body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened, body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed, body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){ display: block !important; } .widget-area input.wpc-label-input+label:hover, .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover{ border: 1px solid rgba(0,0,0,0.25); border-radius: 5px; } .widget-area input.wpc-label-input+label:hover span.wpc-filter-label-wrapper, .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{ color: #333333; background-color: rgba(0,0,0,0.25); } .widget-area .wpc-filters-labels li.wpc-term-item input+label:hover a, .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item input+label:hover a{ color: #333333; } .theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{ font-size: inherit; } .theme-storefront #primary .wpc-custom-selected-terms{ font-size: .875em; } } @media screen and (max-width: 768px) { .wpc-edit-filter-set{ display: none; } .wpc-overlay-visible #secondary{ z-index: auto; } html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{ top: 0; opacity: .2; background: #ffffff; } .wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list { display: flex; overflow-x: auto; padding-left: 0; } .wpc-custom-selected-terms:not(.wpc-show-on-mobile){ display: none; } .wpc-inner-widget-chips-wrapper:not(.wpc-show-on-desktop), html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{ display: block; } html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{ top: 0; opacity: .3; background: #ffffff; } body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened, body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed, body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened) { display: block !important; } body.wpc_show_bottom_widget .wpc-open-close-filters-button{ display: none; } .wpc-open-close-filters-button{ display: block; margin-bottom: 20px; } body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){ display: none; } .wpc_show_bottom_widget .wpc-posts-found{ display: none; } html.wpc-overlay-visible, .wpc-overlay-visible body{ overflow: hidden !important; } .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper, .wpc_show_bottom_widget .widget_wpc_filters_widget{ padding: 0 !important; margin: 0 !important; } .wpc_show_bottom_widget .wpc-filters-range-column{ width: 48%; max-width: none; } .wpc_show_bottom_widget .wpc-filters-toolbar{ display: flex; margin: 1em 0; } .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .widget-title{ display: none; } .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{ display: block; } .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .widget-title.wpc-filter-title{ display: flex; } .wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list, .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{ display: flex; -webkit-box-pack: start; place-content: center flex-start; overflow-x: auto; padding-top: 5px; padding-bottom: 5px; margin-left: 0; padding-left: 0; } .wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{ top: 0; opacity: .4; } .wpc_show_bottom_widget .wpc-spinner.is-active{ display: block; } .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper .wpc-spinner.is-active+.wpc-filters-scroll-container .wpc-filters-widget-wrapper{ opacity: .6; pointer-events: none; } .wpc_show_bottom_widget .wpc-filters-open-button-container{ margin-top: 1em; margin-bottom: 1em; } .wpc_show_bottom_widget .wpc-filters-widget-content{ position: fixed; bottom: 0px; right: 0; left: 0; height: 0; z-index: 999999; padding: 0; background-color: #fff; margin: 0; overflow-y: scroll; box-sizing: border-box; border-radius: 10px 10px 0 0; } .wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title{ display: none; } .theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content{ background-color: #000; } .wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content, .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content{ max-height: none; } .wpc_show_bottom_widget .wpc-filters-scroll-container{ background: #fff; } .theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{ background-color: #000; } .wpc_show_bottom_widget .wpc-filters-widget-wrapper{ padding: 20px 20px 15px 20px; } .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper input[type="text"], .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper input[type="number"], .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper select, .wpc_show_bottom_widget .wpc-filters-widget-main-wrapper textarea { font-size: 16px; } .wpc_show_bottom_widget .widget_wpc_selected_filters_widget{ display: none; } .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content{ overflow-y: visible; } .theme-twentyeleven #primary, .theme-twentyeleven #secondary{ margin-left: 0; margin-right: 0; clear: both; float: none; } #main>.fusion-row{ max-width: 100%; } .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{ font-size: 16px; } } @keyframes wpc-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }