.tek-filter-wrapper[data-tek-filter],
.tek-filter-wrapper[data-tek-filter] * {
box-sizing: border-box;
} .tek-filter-wrapper[data-tek-filter]:not(.tek-filter-portal) {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 0 22px 0 !important;
padding: 0 0 13px 0 !important;
border: 0 !important;
border-bottom: 1px solid #e3e3e3 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
z-index: 80;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
width: 100% !important;
min-width: 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-info {
display: flex !important;
flex: 1 1 auto !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px 12px !important;
min-width: 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-results-count {
width: auto !important;
margin: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
white-space: normal !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-status {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
color: #555 !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-status-dot {
display: block !important;
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: #42a846 !important;
box-shadow: 0 0 0 3px rgba(66, 168, 70, 0.12) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-status.is-muted .tek-stock-status-dot {
background: #8b8b8b !important;
box-shadow: 0 0 0 3px rgba(139, 139, 139, 0.12) !important;
} .tek-filter-wrapper[data-tek-filter] .tek-filter-toggle {
position: relative !important;
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 112px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 1px solid var(--tkb-orange, #ff9900) !important;
border-radius: 8px !important;
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-transform: uppercase !important;
letter-spacing: 0.25px !important;
cursor: pointer !important;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
} .tek-filter-wrapper[data-tek-filter] .tek-filter-toggle:hover,
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle:focus-visible {
background: #111 !important;
color: var(--tkb-orange, #ff9900) !important;
} .tek-filter-wrapper[data-tek-filter].is-open .tek-filter-toggle {
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle:active {
transform: translateY(1px) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle-svg {
display: block !important;
width: 20px !important;
height: 20px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-active-count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 19px !important;
height: 19px !important;
padding: 0 5px !important;
border-radius: 999px !important;
background: #000 !important;
color: var(--tkb-orange, #ff9900) !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle:hover .tek-filter-active-count,
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle:focus-visible .tek-filter-active-count {
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
.tek-filter-wrapper[data-tek-filter].is-open .tek-filter-toggle .tek-filter-active-count {
background: #000 !important;
color: var(--tkb-orange, #ff9900) !important;
} .tek-filter-wrapper[data-tek-filter]:not(.tek-filter-portal) > .tek-filter-container,
.tek-filter-wrapper[data-tek-filter]:not(.tek-filter-portal) > .tek-filter-backdrop {
display: none !important;
} .tek-filter-portal {
position: fixed !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
overflow: hidden !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 2147483000 !important;
transition: visibility 0s linear 0.26s !important;
}
.tek-filter-portal.is-open,
.tek-filter-portal.is-closing {
visibility: visible !important;
pointer-events: auto !important;
transition-delay: 0s !important;
}
.tek-filter-portal .tek-filter-backdrop {
position: absolute !important;
inset: 0 !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: rgba(0, 0, 0, 0.64) !important;
opacity: 0 !important;
visibility: visible !important;
pointer-events: none !important;
transition: opacity 0.22s ease !important;
z-index: 2147483001 !important;
}
.tek-filter-portal .tek-filter-backdrop[hidden],
.tek-filter-portal .tek-filter-container[hidden] {
display: none !important;
}
.tek-filter-portal.is-open .tek-filter-backdrop {
opacity: 1 !important;
pointer-events: auto !important;
}
.tek-filter-portal .tek-filter-container {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
display: flex !important;
flex-direction: column !important;
width: min(420px, 100vw) !important;
max-width: 100vw !important;
height: 100dvh !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
border-left: 1px solid #343434 !important;
border-radius: 0 !important;
background: #171717 !important;
box-shadow: -18px 0 54px rgba(0, 0, 0, 0.48) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translate3d(104%, 0, 0) !important;
transform-origin: right center !important;
transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1) !important;
will-change: transform !important;
z-index: 2147483002 !important;
}
.tek-filter-portal.is-open .tek-filter-container,
.tek-filter-portal .tek-filter-container.is-open {
transform: translate3d(0, 0, 0) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-panel-head {
position: sticky !important;
top: 0 !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 66px !important;
padding: 14px 16px !important;
border-bottom: 1px solid #303030 !important;
background: #171717 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-panel-head h2 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-transform: uppercase !important;
letter-spacing: 0.25px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-close {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
color: #b7b7b7 !important;
cursor: pointer !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-close:hover,
.tek-filter-wrapper[data-tek-filter] .tek-filter-close:focus-visible {
background: #262626 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-close svg {
width: 24px !important;
height: 24px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-panel-body {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
gap: 0 !important;
min-height: 0 !important;
padding: 4px 18px 18px !important;
overflow-x: visible !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-group,
.tek-filter-wrapper[data-tek-filter] .tek-sort-filter,
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter,
.tek-filter-wrapper[data-tek-filter] .tek-reset-filter-wrap {
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 15px 0 !important;
border-bottom: 1px solid #303030 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-group > label,
.tek-filter-wrapper[data-tek-filter] .tek-filter-field-label {
display: block !important;
margin: 0 0 8px 0 !important;
color: #aaa !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
letter-spacing: 0.35px !important;
}
.tek-filter-wrapper[data-tek-filter] select.tek-tag-filter,
.tek-filter-wrapper[data-tek-filter] select.tek-format-filter,
.tek-filter-wrapper[data-tek-filter] select.orderby {
appearance: none !important;
-webkit-appearance: none !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 40px 0 13px !important;
border: 1px solid #3d3d3d !important;
border-radius: 7px !important;
background-color: #2a2a2a !important;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,95 120,50' fill='none' stroke='%23ff9900' stroke-width='18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 13px center !important;
background-size: 10px !important;
color: #fff !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 42px !important;
cursor: pointer !important;
}
.tek-filter-wrapper[data-tek-filter] select.tek-tag-filter:hover,
.tek-filter-wrapper[data-tek-filter] select.tek-format-filter:hover,
.tek-filter-wrapper[data-tek-filter] select.orderby:hover,
.tek-filter-wrapper[data-tek-filter] select.tek-tag-filter:focus,
.tek-filter-wrapper[data-tek-filter] select.tek-format-filter:focus,
.tek-filter-wrapper[data-tek-filter] select.orderby:focus {
outline: none !important;
border-color: var(--tkb-orange, #ff9900) !important;
background-color: #303030 !important;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.12) !important;
}
.tek-filter-wrapper[data-tek-filter] select option {
background: #222 !important;
color: #fff !important;
} .tek-filter-wrapper[data-tek-filter] .tek-stock-filter > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
width: 100% !important;
min-height: 58px !important;
margin: 0 !important;
padding: 10px 12px !important;
border: 1px solid #3d3d3d !important;
border-radius: 7px !important;
background: #252525 !important;
color: #fff !important;
cursor: pointer !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter > label:hover {
border-color: var(--tkb-orange, #ff9900) !important;
background: #2b2b2b !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter-copy {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
gap: 3px !important;
min-width: 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter-copy strong {
color: #fff !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter-copy small {
color: #999 !important;
font-size: 10.5px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-switch {
position: relative !important;
display: block !important;
flex: 0 0 42px !important;
width: 42px !important;
height: 24px !important;
border-radius: 999px !important;
background: #4a4a4a !important;
transition: background-color 0.2s ease !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-switch::after {
position: absolute !important;
top: 3px !important;
left: 3px !important;
width: 18px !important;
height: 18px !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
content: "" !important;
transition: transform 0.2s ease !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter input[type="checkbox"]:checked + .tek-stock-switch {
background: var(--tkb-orange, #ff9900) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter input[type="checkbox"]:checked + .tek-stock-switch::after {
transform: translateX(18px) !important;
background: #000 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-filter input[type="checkbox"]:focus-visible + .tek-stock-switch {
outline: 2px solid var(--tkb-orange, #ff9900) !important;
outline-offset: 3px !important;
} .tek-filter-wrapper[data-tek-filter] .tek-filter-panel-footer {
position: relative !important;
z-index: 4 !important;
display: grid !important;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
gap: 10px !important;
flex: 0 0 auto !important;
width: 100% !important;
padding: 14px 18px calc(14px + env(safe-area-inset-bottom)) !important;
border-top: 1px solid #303030 !important;
background: #171717 !important;
box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.16) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-reset-filters,
.tek-filter-wrapper[data-tek-filter] .tek-apply-filters {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 14px !important;
border-radius: 8px !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
text-align: center !important;
text-transform: uppercase !important;
letter-spacing: 0.2px !important;
cursor: pointer !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-reset-filters {
border: 1px solid #454545 !important;
background: #252525 !important;
color: #ddd !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-reset-filters:hover,
.tek-filter-wrapper[data-tek-filter] .tek-reset-filters:focus-visible {
outline: none !important;
border-color: #707070 !important;
background: #303030 !important;
color: #fff !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-apply-filters {
border: 1px solid var(--tkb-orange, #ff9900) !important;
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-apply-filters:hover,
.tek-filter-wrapper[data-tek-filter] .tek-apply-filters:focus-visible {
outline: none !important;
border-color: var(--tkb-orange, #ff9900) !important;
background: #111 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-reset-filters.is-idle {
opacity: 0.72 !important;
}
html.tek-filter-panel-open,
body.tek-filter-panel-open {
overflow: hidden !important;
} @media only screen and (max-width: 980px) {
.tek-filter-wrapper[data-tek-filter]:not(.tek-filter-portal) {
margin-bottom: 18px !important;
padding-bottom: 11px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-head {
gap: 10px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-info {
gap: 4px 8px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-results-count {
width: 100% !important;
font-size: 12.5px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-stock-status {
font-size: 10px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle {
flex: 0 0 auto !important;
width: auto !important;
min-width: 108px !important;
max-width: none !important;
min-height: 42px !important;
padding: 0 12px !important;
gap: 7px !important;
font-size: 12px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle > span:not(.tek-filter-active-count) {
display: inline !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle-svg {
width: 20px !important;
height: 20px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-active-count {
position: static !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 4px !important;
border: 0 !important;
}
.tek-filter-portal .tek-filter-container {
width: min(390px, calc(100vw - 18px)) !important;
height: 100dvh !important;
border-left: 1px solid #343434 !important;
border-radius: 0 !important;
}
.tek-filter-portal .tek-filter-panel-head {
min-height: 62px !important;
padding: max(10px, env(safe-area-inset-top)) 14px 10px !important;
}
.tek-filter-portal .tek-filter-panel-body {
padding: 2px 14px 16px !important;
}
.tek-filter-portal .tek-filter-panel-footer {
grid-template-columns: 0.9fr 1.1fr !important;
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
}
body.admin-bar .tek-filter-portal {
top: 46px !important;
height: calc(100dvh - 46px) !important;
}
body.admin-bar .tek-filter-portal .tek-filter-container {
height: calc(100dvh - 46px) !important;
}
}
@media only screen and (max-width: 420px) {
.tek-filter-portal .tek-filter-container {
width: calc(100vw - 10px) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle {
min-width: 44px !important;
width: 44px !important;
padding: 0 !important;
font-size: 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle > span:not(.tek-filter-active-count) {
display: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-active-count {
position: absolute !important;
top: -6px !important;
right: -6px !important;
border: 2px solid #fff !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-filter-panel-footer {
grid-template-columns: 1fr !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-apply-filters {
order: -1 !important;
}
}
@media only screen and (min-width: 783px) and (max-width: 980px) {
body.admin-bar .tek-filter-portal {
top: 32px !important;
height: calc(100dvh - 32px) !important;
}
body.admin-bar .tek-filter-portal .tek-filter-container {
height: calc(100dvh - 32px) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.tek-filter-wrapper[data-tek-filter] .tek-filter-container,
.tek-filter-portal .tek-filter-container,
.tek-filter-wrapper[data-tek-filter] .tek-filter-toggle,
.tek-filter-wrapper[data-tek-filter] .tek-stock-switch,
.tek-filter-wrapper[data-tek-filter] .tek-stock-switch::after,
.tek-filter-portal .tek-filter-backdrop {
transition: none !important;
}
} .tek-filter-wrapper[data-tek-filter] .tek-ajax-filter {
position: relative !important;
display: block !important;
width: 100% !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-control {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-input {
appearance: none !important;
-webkit-appearance: none !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 42px 0 13px !important;
border: 1px solid #3d3d3d !important;
border-radius: 7px !important;
background: #2a2a2a !important;
color: #fff !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: normal !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-input::placeholder {
color: #8f8f8f !important;
opacity: 1 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-input::-webkit-search-cancel-button {
display: none !important;
-webkit-appearance: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-input:hover,
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-input:focus {
outline: none !important;
border-color: var(--tkb-orange, #ff9900) !important;
background: #303030 !important;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.12) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-clear {
position: absolute !important;
top: 50% !important;
right: 7px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 6px !important;
background: transparent !important;
color: #aaa !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1 !important;
cursor: pointer !important;
transform: translateY(-50%) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-clear:hover,
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-clear:focus-visible {
background: #222 !important;
color: var(--tkb-orange, #ff9900) !important;
outline: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-clear[hidden] {
display: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-results {
position: absolute !important;
top: calc(100% + 6px) !important;
right: 0 !important;
left: 0 !important;
z-index: 8 !important;
display: block !important;
max-height: 240px !important;
margin: 0 !important;
padding: 5px !important;
overflow-y: auto !important;
border: 1px solid #444 !important;
border-radius: 7px !important;
background: #202020 !important;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-results[hidden] {
display: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-option,
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-message {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
min-height: 38px !important;
margin: 0 !important;
padding: 8px 9px !important;
border: 0 !important;
border-radius: 5px !important;
background: transparent !important;
color: #fff !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: left !important;
}
.tek-filter-wrapper[data-tek-filter] button.tek-ajax-filter-option {
cursor: pointer !important;
}
.tek-filter-wrapper[data-tek-filter] button.tek-ajax-filter-option:hover,
.tek-filter-wrapper[data-tek-filter] button.tek-ajax-filter-option:focus-visible,
.tek-filter-wrapper[data-tek-filter] button.tek-ajax-filter-option.is-highlighted {
outline: none !important;
background: #303030 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-option-count {
flex: 0 0 auto !important;
color: #999 !important;
font-size: 11px !important;
font-weight: 800 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-message {
color: #aaa !important;
font-size: 12px !important;
font-weight: 600 !important;
} .tek-filter-wrapper[data-tek-filter] .tek-entity-search {
position: relative !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-selections {
display: flex !important;
flex-wrap: wrap !important;
gap: 7px !important;
width: 100% !important;
margin: 0 0 9px 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-selections[hidden] {
display: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-chip {
display: inline-flex !important;
align-items: center !important;
min-width: 0 !important;
min-height: 30px !important;
padding: 4px 4px 4px 8px !important;
border: 1px solid #484848 !important;
border-radius: 999px !important;
background: #242424 !important;
color: #fff !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-chip-type {
flex: 0 0 auto !important;
margin-right: 6px !important;
color: var(--tkb-orange, #ff9900) !important;
font-size: 9px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-chip-name {
min-width: 0 !important;
overflow: hidden !important;
color: #f2f2f2 !important;
font-size: 11.5px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-chip-remove {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 26px !important;
width: 26px !important;
height: 26px !important;
margin: 0 0 0 3px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
color: #aaa !important;
box-shadow: none !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1 !important;
cursor: pointer !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-chip-remove:hover,
.tek-filter-wrapper[data-tek-filter] .tek-entity-chip-remove:focus-visible {
outline: none !important;
background: #343434 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-search .tek-ajax-filter-input {
padding-left: 40px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-search-icon {
position: absolute !important;
top: 50% !important;
left: 13px !important;
z-index: 2 !important;
width: 17px !important;
height: 17px !important;
fill: none !important;
stroke: #8f8f8f !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-entity-search-hint {
margin: 6px 1px 0 !important;
padding: 0 !important;
color: #858585 !important;
font-size: 10.5px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
} .tek-filter-wrapper[data-tek-filter] .tek-entity-search .tek-ajax-filter-results {
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
z-index: 1 !important;
margin-top: 8px !important;
max-height: 220px !important;
box-shadow: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-option {
gap: 10px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-option-main {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: 0 !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-option-type {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
min-width: 48px !important;
height: 21px !important;
padding: 0 7px !important;
border-radius: 999px !important;
background: #3a3a3a !important;
color: var(--tkb-orange, #ff9900) !important;
font-size: 8.5px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-transform: uppercase !important;
letter-spacing: 0.25px !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-ajax-filter-option-name {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
} .tkb-products .tbkif-filtered-out,
.tkb-products.woocommerce .tbkif-filtered-out {
display: none !important;
} .single-artist .tkb-products ul.products > li.product,
.single-label .tkb-products ul.products > li.product,
.post-type-archive-artist .tkb-products ul.products > li.product,
.post-type-archive-label .tkb-products ul.products > li.product {
clear: none !important;
}
.single-artist .tkb-products ul.products > li.product.first,
.single-label .tkb-products ul.products > li.product.first,
.post-type-archive-artist .tkb-products ul.products > li.product.first,
.post-type-archive-label .tkb-products ul.products > li.product.first {
clear: both !important;
} .tek-filter-toggle-slot[hidden] {
display: none !important;
}
.tek-filter-wrapper[data-tek-filter] .tek-per-page-options {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
}
.tek-filter-wrapper[data-tek-filter] button.tek-per-page-option {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 10px !important;
border: 1px solid #3d3d3d !important;
border-radius: 7px !important;
background: #2a2a2a !important;
color: #fff !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
cursor: pointer !important;
transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease !important;
}
.tek-filter-wrapper[data-tek-filter] button.tek-per-page-option:hover,
.tek-filter-wrapper[data-tek-filter] button.tek-per-page-option:focus-visible {
outline: none !important;
border-color: var(--tkb-orange, #ff9900) !important;
background: #303030 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tek-filter-wrapper[data-tek-filter] button.tek-per-page-option.is-selected,
.tek-filter-wrapper[data-tek-filter] button.tek-per-page-option[aria-pressed="true"] {
border-color: var(--tkb-orange, #ff9900) !important;
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
@media only screen and (min-width: 981px) {
.tek-archive-title-row {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 22px !important;
width: 100% !important;
min-width: 0 !important;
}
.tek-archive-title-row > h1 {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.tek-filter-wrapper[data-tek-filter].has-title-toggle .tek-filter-head {
justify-content: flex-start !important;
}
.tek-archive-title-row .tek-filter-toggle {
position: relative !important;
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 112px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 1px solid var(--tkb-orange, #ff9900) !important;
border-radius: 8px !important;
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-transform: uppercase !important;
letter-spacing: 0.25px !important;
cursor: pointer !important;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}
.tek-archive-title-row .tek-filter-toggle:hover,
.tek-archive-title-row .tek-filter-toggle:focus-visible {
outline: none !important;
background: #111 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tek-archive-title-row .tek-filter-toggle[aria-expanded="true"] {
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
.tek-archive-title-row .tek-filter-toggle:active {
transform: translateY(1px) !important;
}
.tek-archive-title-row .tek-filter-toggle-svg {
display: block !important;
width: 20px !important;
height: 20px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.tek-archive-title-row .tek-filter-active-count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 19px !important;
height: 19px !important;
padding: 0 5px !important;
border-radius: 999px !important;
background: #000 !important;
color: var(--tkb-orange, #ff9900) !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.tek-archive-title-row .tek-filter-toggle:hover .tek-filter-active-count,
.tek-archive-title-row .tek-filter-toggle:focus-visible .tek-filter-active-count {
background: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
}
@media (prefers-reduced-motion: reduce) {
.tek-archive-title-row .tek-filter-toggle,
.tek-filter-wrapper[data-tek-filter] button.tek-per-page-option {
transition: none !important;
}
} .tek-results-count[data-tbkif-results-count][hidden] {
display: none !important;
}
.tek-catalog-footer[data-tbkif-catalog-footer] {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 10px 18px !important;
clear: both !important;
width: 100% !important;
margin: 35px 0 10px !important;
padding: 0 !important;
}
.tek-catalog-footer[data-tbkif-catalog-footer] .tek-results-count {
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
white-space: nowrap !important;
}
.tek-catalog-footer[data-tbkif-catalog-footer] .woocommerce-pagination {
flex: 0 1 auto !important;
clear: none !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
@media only screen and (min-width: 981px) {
.tek-filter-wrapper[data-tek-filter].has-title-toggle.has-footer-count {
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 0 !important;
}
.tek-filter-wrapper[data-tek-filter].has-title-toggle.has-footer-count .tek-filter-head {
display: none !important;
}
}
@media only screen and (max-width: 980px) {
.tek-filter-wrapper[data-tek-filter].has-footer-count .tek-filter-head {
justify-content: flex-end !important;
}
}
@media only screen and (max-width: 600px) {
.tek-catalog-footer[data-tbkif-catalog-footer] {
flex-direction: column !important;
gap: 10px !important;
margin-top: 28px !important;
}
.tek-catalog-footer[data-tbkif-catalog-footer] .woocommerce-pagination {
width: 100% !important;
}
} :root {
--woocommerce: #720eec;
--wc-green: #007518;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #720eec;
--wc-primary-text: #fcfbfe;
--wc-secondary: #e9e6ed;
--wc-secondary-text: #515151;
--wc-highlight: #958e09;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
--wc-form-border-color: rgba(32, 7, 7, 0.8);
--wc-form-border-radius: 4px;
--wc-form-border-width: 1px;
--wc-destructive: #cc1818;
--wc-card-border-radius: 8px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
width: 1px;
position: absolute !important;
overflow-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip-path: none;
color: #2b2d2f;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
clip: auto !important;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: " ";
display: table;
}
.woocommerce .products ul::after,
.woocommerce ul.products::after {
clear: both;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none outside;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0.5em 0;
margin: 0;
font-size: 1em;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #cfc8d8;
border-right: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #cfc8d8;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: 0.5em;
min-width: 1em;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #e9e6ed;
color: #816f98;
}