:root {
--filter-primary-color: #1164cb;
--filter-secondary-color : #1164cb;
--filter-cart-icon-color : #fff;
--filter-price-range: #2d73e7;
--filter-border-color: #2d73e7;
--filter-tab-color: #fff;
--filter-tab-bg: #ff0000;
--filter-header-border: #2d73e7;
--filter-font-color: #181b2b;
--filter-badge-bg: #EAEAEA;
--filter-lns-unit: 0.5rem;
}
label {
cursor: pointer;
}
.product-wrap{
width: 100%;
overflow: hidden;
position: relative;
}
.filter-wp-post .swiper-button-next:after,.filter-wp-post .swiper-button-prev:after{
font-size: 16px !important;
border-style: solid;
border-width: 1px 1px 1px 1px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 50%;
padding: 8px 12px;
}
.filter-wp-post .swiper-button-prev:hover::after,
.filter-wp-post .swiper-button-next:hover::after {
background-color: hsla(242, 88.4%, 66.3%, 0.8);
border: hsla(242, 88.4%, 66.3%, 0.8);
color: #fff;
}
.filter-meta-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 5px;
align-items: flex-start;
position: absolute;
left: 15px;
top: 15px;
z-index: 2;
}
.filter-meta-wrapper a{
display: inline-block;
font-size: 11px;
line-height: 18px;
margin: 0;
background: #e3106e;
padding: 0 7px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
border-radius: 36px;
}
.content-filter-meta-2 a{
background: #fff;
color: #222;
border-radius: 0;
padding: 5px 13px 5px 13px;
}
.filter-meta{
font-size: 13px;
}
.badge{
position: absolute;
top: 15px;
left: 15px;
font-size: 11px;
line-height: 18px;
margin-bottom: 5px;
background: #e3106e;
padding: 0 7px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
display: inline-block;
margin-right: 5px;
border-radius: 36px;
}
.sidebar-style-7 input[type="checkbox"].regular-checkbox {
width: inherit;
height: inherit;
}
input[type="checkbox"].regular-checkbox {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 2px solid #ccc;
border-radius: 4px;
cursor: pointer;
position: relative;
background-color: white;
transition: border-color 0.2s, background-color 0.2s;
}
input[type="checkbox"].regular-checkbox:hover {
border-color: var(--filter-secondary-color,#2d73e7); background-color: #fff; }
input[type="checkbox"].regular-checkbox:checked {
background-color: var(--filter-secondary-color,#2d73e7);
border-color: var(--filter-secondary-color,#2d73e7);
}
input[type="checkbox"].regular-checkbox:checked::after {
content: "";
position: absolute;
top: 2px;
left: 6px;
width: 4px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.font_14 {
font-size: 14px;
}
.font_bold {
font-weight: bold;
}
.mt-1{
margin-top: 1%;
}
.vpcc-image{
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.sort-bar {
display: grid;
grid-template-columns: 2fr 1fr;
align-items: center;
margin-bottom: 1rem;
border: 1px solid rgba(128, 128, 128, 0.289);
padding: 8px;
border-radius: 5px;
}
.sort-bar-left {
display: flex;
}
.sort-bar-left .sorting-bar {
background-color: inherit;
padding: 3px;
height: 30px;
width: 30px;
font-size: 16px;
margin-right: 10px;
border-radius: 5px;
color: #1164cb;
border: 1px solid var(--filter-primary-color,#1164cb);
display: flex;
justify-content: center;
cursor: pointer;
align-items: center;
}
.sort-bar-left .sorting-bar:hover {
background-color: #fff;
}
.sort-bar-right div {
display: grid;
grid-template-columns: 3fr 9fr;
align-items: center;
}
.sort-bar-right label {
display: block;
font-weight: 600;
}
.product-price,.product-style-4 .product-name a:hover,
.product-style-3 .product-name a:hover
{
color: var(--filter-price-color,#e3106e);
}
.product-price del {
color: var(--filter-price-color,#e3106e);
opacity: .5;
display: inline-block;
}
.category-list li,
.sub_categories li
{
margin-bottom: 20px;
display: flex;
align-items: center;
}
ul.category-list {
padding: 30px 0 0 0;
list-style-type: none;
margin: 0;
}
ul.category-list li.active,
ul.category-list li:hover,
ul.category-list li.active label,
ul.category-list li label:hover 
{
font-weight: bold;
color: var(--filter-secondary-color,#2d73e7) !important;
transition: all 0.10s ease-in-out;
cursor: pointer;
}
.radio-wrap .radio-item {
display: inline-flex;
align-items: center;
outline: 1px solid var(--filter-border-color,"#d7d7d7");
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
ul.ratings.rating-wrapper{
display: inline-flex;
gap: 5px;
list-style: none;
padding-left: 0 !important;
border: none !important;
}
.side-cart-close{
display: none;
background: #fff;
color: #000;
text-align: center;
font-size: 24px;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
padding: 17px 0;
margin: 2% auto;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
}
.shop-sidebar{
transition: left 0.4s ease, opacity 0.4s ease;
z-index: 999;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.sidebar-wrapper.active-sidebar {
left: 0;
opacity: 1;
}
.shop-sidebar .sidebar-row {
display: flex;
flex-direction: column;
color: var(--filter-font-color);
margin-bottom: 40px;
position: relative;
}
.shop-sidebar .sidebar-label {
font-weight: 600;
line-height: 22px;
font-size: 20px;
cursor: pointer;
margin-bottom: 0;
}
.shop-sidebar .sidebar-input {
width: 100%;
border: 1px solid #d7d7d7;
font-size: 14px;
padding: 10px 20px 10px 20px;
border-radius: 4px;
}
.price-range-area {
min-width: 220px; width: 100%;
box-sizing: border-box;
}
.price-range-area h4.sidebar-label{
margin-bottom: 20px;
}
.shop-sidebar .price-range {
position: relative;
}
.shop-sidebar .price-range .range-container {
position: relative;
width: 100%;
margin: 10px 0 25px 0;
}
.shop-sidebar .price-range input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
outline: none;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
background-color: transparent;
pointer-events: none;
transform: translateY(-100%);
}
.shop-sidebar .price-range .slider-track {
width: 100%;
height: 5px;
border-radius: 5px;
}
.shop-sidebar .price-range input[type="range"]::-webkit-slider-runnable-track {
-webkit-appearance: none;
height: 5px;
}
.shop-sidebar .price-range input[type="range"]::-moz-range-track {
-moz-appearance: none;
height: 5px;
}
.shop-sidebar .price-range input[type="range"]::-ms-track {
appearance: none;
height: 5px;
}
.shop-sidebar .price-range input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 15px;
width: 15px;
background-color: #3264fe;
cursor: pointer;
pointer-events: auto;
border-radius: 5px;
}
.shop-sidebar .price-range input[type="range"]::-moz-range-thumb {
height: 15px;
width: 15px;
cursor: pointer;
border-radius: 50%;
background-color: #3264fe;
pointer-events: auto;
}
.shop-sidebar .price-range input[type="range"]::-ms-thumb {
appearance: none;
height: 15px;
width: 15px;
cursor: pointer;
border-radius: 5px;
background-color: #3264fe;
pointer-events: auto;
}
.shop-sidebar .price-range input[type="range"]:active::-webkit-slider-thumb {
background-color: #ffffff;
border: 3px solid #3264fe;
}
.shop-sidebar .price-range .range-values {
display: inline-flex;
column-gap: 10px;
align-items: center;
}
.shop-sidebar .price-range input[type="number"] {
-webkit-appearance: none;
-moz-appearance: none;
max-width: 70px;
border: 1px solid #d7d7d7;
border-radius: 4px;
padding: 2px 10px;
}
.shop-sidebar .price-range .range-go {
padding: 5px 12px;
font-size: 14px;
border-radius: 4px;
background-color: #2e74e8;
color: #ffffff;
font-weight: 400;
line-height: 22px;
border: none;
transition: all 0.2s linear;
}
.shop-sidebar .price-range .range-go:hover {
background-color: #1164cb;
}
.shop-sidebar .search-wrap .search-form .sidebar-input {
padding-right: 25%;
line-height: 0;
}
.shop-sidebar .radio-wrap .radio-item:hover,
.shop-sidebar .radio-wrap .radio-item:hover
{
background: var(--filter-secondary-color, #17c6aa);
border-color: var(--filter-secondary-color, #17c6aa);
outline-style: none;
color: #fff !important;
}
.radio-wrap .radio-item.active {
background: var(--filter-secondary-color, #17c6aa);
outline: 1px solid var(--filter-secondary-color, #17c6aa);
color: #fff !important;
}
.radio-wrap .taxonomy-item-1.active {
background: #2d73e7;
border: 5px solid #2d73e7;
outline: 1px solid #2d73e7;
color: #fff !important;
}
.shop-sidebar .radio-wrap .taxonomy-item-1:hover {
background: #2d73e7;
border-color: #2d73e7;
outline-style: none;
color: #fff !important;
}
.shop-sidebar .color-wrap .radio-item {
padding: 12px 12px;
}
.shop-sidebar .progress-wrap {
display: flex;
align-items: center;
column-gap: 10px;
}
.shop-sidebar .progress-wrap .progress-label {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #777777;
margin: 0;
}
.shop-sidebar .progress-wrap .progress {
flex: 1;
}
.sidebar-style-1 ul.category-list input[type="checkbox"] {
width: 0;
height: 0;
position: absolute;
opacity: 0;
}
ul.sub_categories {
list-style-type: none;
cursor: pointer;
margin: 0;
}
ul.ratings,.dropdown-box {
cursor: pointer;
padding: 15px;
border: 1px solid var(--filter-border-color) !important;
border-radius: 6px;
font-size: 14px;
color: #0d1218;
margin: 0 0 5px 0;
list-style: none;
}
.panel-7 ul.ratings{
margin-top: 0 !important;
}
.ratings li {
display: flex;
flex-wrap: wrap;
color: #666666;
margin-bottom: 10px;
}
.sidebar-style-2 .ratings li svg {
fill: #e3a405;
}
.ratings li span,.rate_2 {
margin-right: 7px;
}
.rate_1 {
margin-left: 0px !important;
}
.ratings .reset {
margin-top: 20px;
} .vartical-prod-card-container {
p{
margin-bottom: 10px ;
}
}
.product-style-2 .vartical-prod-card-container .product-content {
margin-top: 20px;
text-align: left;
}
.product-style-2 .vartical-prod-card-container .product-content .cat a {
font-size: 11px;
color: #666;
text-transform: uppercase;
margin-right: 4px;
}
.grid-view-1 img{
border-radius: 10px;
}
.vpcc-name {
overflow: hidden;
transition: 0.3s;
font-size: 115%;
line-height: 130%;
margin: 20px 0 5px;
font-weight: bold;
color: var(--filter-primary-color,#2d73e7);
}
.vpcc-name a:hover,.hpcc-name a:hover {
color: var(--filter-hover-color,#336);
cursor: pointer;
}
.vpcc-price {
font-size: 110%;
line-height: 1.2;
min-height: 15px;
color: #333;
align-items: baseline;
flex-wrap: wrap;
flex: 0 0 100%;
}
.vpcc-footer {
text-align: center;
padding: 0 0 35px;
}
.vpcc-btns {
background-color: var(--filter-primary-color,#2d73e7);
height: 37px;
width: 37px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 8px;
cursor: pointer;
user-select: none;
transition: 0.5s;
position: relative !important;
}
.vpcc-btns:hover {
transform: scale(1.2);
}  .prods-list-view {
display: flex;
flex-direction: column;
}
.horizontal-prod-card:not(:first-child) {
border-top: 1px solid #efefef;
}
.horizontal-prod-card {
display: inline-flex;
padding: 25px 20px;
transition: 0.3s;
}
.horizontal-prod-card{
grid-template-columns: 200px auto 15%;
}
.hpcc-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.post-grid-view-3 .hpcc-image{
display: inline-block !important;
}
.hpcc-image img {
max-width: 100%;
max-height: 100%;
}
.hpcc-content {
width: 100%;
padding: 0 20px;
}
.vpcc-name a {
color: var(--filter-primary-color,#2d73e7);
}
.hpcc-name a{
font-weight: bold;
font-size: 18px;
transition: 0.3s;
cursor: pointer;
padding: 10px 0 5px 0;
line-height: 1.2;
color: var(--filter-primary-color,#2d73e7);
}
.hpcc-rating {
margin-bottom: 10px;
}
.hpcc-price {
padding: 10px 0;
font-size: 20px;
font-weight: 300;
}
.hpcc-description {
border-top: 1px solid rgba(0,0,0,.05);;
padding: 10px 0 25px 0;
margin-top: 10px;
color: #555;
font-weight: 300;
font-size: 14px;
}
.wp-read-more{
margin-left: 5px;
color: var(--filter-readmore-color,hsla(242, 88.4%, 66.3%, 0.8));
}
.post-border{
border-top: 1px solid rgba(0,0,0,.05);
font-size: 13px;
}
.hpcc-actions {
display: flex;
flex-direction: column;
padding: 3px 0 5px 50px;
}
.hpcc-btns {
display: flex;
justify-content: end;
align-items: center;
gap: 10px;
padding: 10px;
cursor: pointer;
transition: 0.3s;
}
.hpcc-btns:hover {
color: #2d73e7;
}  a.added_to_cart.wc-forward {
display: none;
}
.cart-bg {
background: #2e74e8;
padding: 0 7px;
border-radius: 3.5px;
} li.first-page{
margin-left: 0 !important;
}
.first-page svg{
position: relative;
right: 2px;
top: 1px;
}
.last-page svg{
position: relative;
top: 1px;
}
.pagination li {
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px;
padding: 5px 15px;
font-size: 14px;
font-weight: 700;
text-align: center;
cursor: pointer;
transition: all 0.6s ease-in-out;
}
.pagination-1 li {
background: var(--bg_color);
border: 1px solid;
}
.pagination-1 li:not(.load-more) {
border-radius: 100%;
height: 40px;
width: 40px;
line-height: 30px;
}
ul.pagination {
display: flex;
justify-content: center;
margin: 20px auto;
padding: 0;
margin: 40px 0;
list-style-type: none;
}
.pagination li.active,
.pagination li:hover {
background-color: #11152c;
color: #fff;
}
.pagination li svg {
width: 16px;
height: 16px;
fill: #11152c;
}
.pagination li:hover svg {
fill: #fff;
} .sidebar-row .reset{
margin-left: auto;
cursor: pointer;
line-height: 18px;
font-size: 13px;
color: var(--filter-reset-color, rgb(158, 158, 158));
border-bottom: 1px solid var(--filter-reset-border-color, rgb(158, 158, 158));
}
.selected-filter{
display: inline-flex;
flex-wrap: wrap;
gap: 7px;
align-items: center;
margin: 0 10px 0 0;
cursor: pointer;
color: var(--filter-font-color,#2d73e7);
}
.selected-filter .clear-filter{
font-size: 13px;
margin-right: 10px;
}
.filter-tag{
border: 1px solid var(--filter-border-color, #d3d3d3);
color: var(--filter-font-color, #000);
border-radius: 6px;
font-size: 13px;
padding: 3px 9px;
}
.filter-tag span{
font-size: 12px;
padding-left: 5px;
}
.filter-top{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 15px 15px 0;
}
.filter-plus.woocommerce-error {
border-top-color: #2d73e7 !important;
}
.filter-plus.woocommerce-error::before {
color: #2d73e7;
}
.shop-sidebar .sidebar-label{
display: flex;
align-items: center;
justify-content: flex-start;
} .wheel{
fill: var(--filter-secondary-color,'#fff');
}
.add_to_cart_button.loading svg,
.add_to_cart_button.added svg{
display: none;
}
.add_to_cart_button.loading::after {
content: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/wheel.svg);
position: absolute;
-webkit-animation: spin 2s linear infinite; 
animation: spin 2s linear infinite;
border-radius: 290486px;
left: 10px;
top: 5px;
}
.add_to_cart_button.added::after{
content: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/check-mark.svg);
position: relative;
}
.cart_button-1.added::after{
top: 2px;
}
.cart_button-2.added::after,
.cart_button-3.added::after,
.cart_button-4.added::after {
left: 10px;
top: 5px;
}
.cart_button-5.added::after {
margin: auto;
} @-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .shop-sidebar input[type="range"] {
accent-color: #2d0607;
overflow: hidden;
appearance: none;
box-shadow: inset 0 0 6px #ededed;
height: 5px;
}
.shop-sidebar input[type="range"]:focus {
outline: none;
}
.theme-green .back-bar .selected-bar {
background: var(--filter-price-range,"#2d0607") !important;
background-image: none !important;
}
.theme-green .back-bar .pointer {
width: 18px;
height: 18px;
top: -7px;
border: 2px solid #2d0607;
background-color: #fff !important;
background-image: none !important;
}
.slider-container.theme-green {
margin-bottom: 10px;
}
.slide-container {
margin: 0px 0 3% !important;
}
.default-range {
display: none;
} .checkbox-item{
cursor: pointer;
}
.checkbox-item-2{
display: inline-flex;
gap: 5px;
cursor: pointer;
margin: 0 10px 10px 0;
}
.dropdown-box .checkbox-item input{
border: none;
}
.post-tax-1{
padding: 5px;
display: flex;
justify-content: space-between;
}
.range .slider-container.theme-green{
background: var(--filter-price-range,#2d0607) !important;
}
.theme-green .back-bar .pointer{
background: var(--filter-price-range,#2d0607) !important;
border-color: var(--filter-price-range,#AAA) !important;
}
.filter-tab-pane{
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 15px;
list-style: none;
margin-bottom: 15px !important;
}
.filter-tab-pane li{
cursor: pointer;
list-style: none;
text-transform: uppercase;
font-weight: 600;
position: relative;
transition: border-bottom 0.3s cubic-bezier(0.4,0,0.2,1);
}
.filter-tab-pane li::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: var(--filter-secondary-color, #2d73e7);
border-radius: 2px;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.filter-tab-pane li:hover::after,
.filter-tab-pane li.active::after {
transform: scaleX(1);
}
.filter-mb-search::before {
content: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/mb-filter.svg);
}
.filter-mb-search,.filter-bar-mb-search{
display: none;
cursor: pointer;
}
.filter-bar-mb-search{
z-index: 99;
align-items: center;
position: fixed;
bottom: 20px;
background: #000;
text-align: center;
cursor: pointer;
font-size: 14px;
color: #fff;
padding: 7px 20px;
border-radius: 15px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}
.filter-bar-mb-search span{
padding: 3px 10px 0 10px;
}
.shop-sidebar.active-sidebar {
margin-left: 0;
transition: width 1s linear;
z-index: 99999;
}
.dropdown-label,.rating-wrap{
margin-top: 30px !important;
}
.checkbox-item-1,.checkbox-item-5,.checkbox-item-4{
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
margin-right: 7px;
}
.category-list.panel{
padding-left: 15px;
}
.radio-wrap .panel{
margin-top: 0 !important;
}
.panel-2,.panel-3,.category-list.panel,
.rating-section .panel-4,
.rating-section .panel-1{
margin-top: 10px !important;
}
.shopContainer {
display: flex;
column-gap: 15px;
margin-top: 20px;
}
.mainWrapper{
display: flex;
}
.shopContainer.right,
.mainWrapper.right
{
flex-direction: row-reverse !important;
}
a {
text-decoration: none !important;
outline: none !important;
}
.m-0{
margin: 0 !important;
}
.mb-4{
margin-bottom: 4%;
}
.mb-1{
margin-bottom: 1%;
}
.mt-2{
margin-top: 2%;
}
.cart-icon{
color: var(--filter-cart-icon-color,'#fff');
width: 20px;
height: 20px;
display: flex;
align-items: center;
}
.cart-icon-path {
fill: var(--filter-cart-icon-color,'#fff') !important;
}
.font_14 {
font-size: 14px;
}
.sort-bar {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1rem;
border: 1px solid rgba(128, 128, 128, 0.289);
padding: 8px;
border-radius: 5px;
}
.sort-bar-left {
display: flex;
}
.sort-bar-left .sorting-bar {
background-color: inherit;
padding: 3px;
height: 30px;
width: 30px;
font-size: 16px;
margin-right: 10px;
border-radius: 5px;
color: #1164cb;
border: 1px solid var(--filter-primary-color,#1164cb);
display: flex;
justify-content: center;
cursor: pointer;
align-items: center;
}
.sort-bar-left .sorting-bar:hover {
background-color: #fff;
}
.sort-bar-right div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 3fr 9fr;
grid-template-columns: 3fr 9fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sort-bar-right label {
display: block;
font-weight: 600;
}
.param-box {
display: flex;
flex-direction: var(--filter-param-box-direction,row);
flex-wrap: wrap;
grid-column-gap: 10px;
grid-row-gap: 15px;
margin-top: 30px;
}
.param-box-6 .radio-item{
padding: 0;
margin: 0;
}
.color-style-1 .radio-wrap .radio-item.color-item {
border-radius: 40px !important;
width: 30px !important;
height: 30px !important;
cursor: pointer !important;
}
.radio-wrap .radio-item.color-item:hover {
border-color: #fff !important;
outline: 1px solid #d7d7d7 !important;
}
.radio-wrap .radio-item.color-item.active {
border-color: transparent !important;
outline: 1px solid #d7d7d7 !important;
}
.panel-6,.panel-7,.panel-5{
margin-top: 10px !important;
}
.shop-sidebar {
width: 30%;
padding: 0 15px;
}
.products-wrap{
width: 100%;
overflow: hidden;
position: relative;
}
.shop-sidebar .search-form input {
border: 1px solid var(--filter-border-color,"#c4c4c4") !important;
background-color: #fff !important;
outline: none;
width: 100%;
font-size: 14px;
padding: 10px 20px 10px 15px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.shop-sidebar .search-form input:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--filter-border-color,"#c4c4c4") !important;
outline: none;
}
.shop-sidebar .search-form input::-webkit-input-placeholder {
color: #666;
font-size: 14px;
}
.shop-sidebar .search-form input::-moz-placeholder {
color: #666;
font-size: 14px;
}
.shop-sidebar .search-form input:-ms-input-placeholder {
color: #666;
font-size: 14px;
}
.shop-sidebar .search-form input::-ms-input-placeholder {
color: #666;
font-size: 14px;
}
.shop-sidebar .search-form input::placeholder {
color: #666;
font-size: 14px;
}
.shop-sidebar .search-form button {
position: absolute !important;
right: 7px;
top: 5px;
bottom: 4px;
padding: 6px !important;
font-size: 18px;
border-radius: 4px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
background: var( --filter-secondary-color);
border-color: var( --filter-border-color);
}
.search-form-3 button{
background: transparent !important;
border: none;
}
.title-and-clean-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
border-bottom: 1px solid #dce5e5;
padding-bottom: 10px;
}
.title-and-clean-area h2{
font-size: 18px;
}
.title-and-clean-area h2,
.title-and-clean-area p {
margin-bottom: 0;
}
.title-and-clean-area p {
cursor: pointer;
color: var(--filter-clean-all,#6d6d6d);
font-size: 14px;
} #shopContainer[data-apply_button_mode="yes"] .title-and-clean-area {
display: none;
}
.shop-sidebar .search-form button svg {
fill: var(--filter-cart-icon-color,#c4c4c4);
align-items: center;
display: flex;
}
.sidebar-style-2 .price-range {
position: relative;
}
.sidebar-style-2 .price-range .range-container {
position: relative;
width: 100%;
margin: 10px 0 25px 0;
}
.sidebar-style-2 .shop-sidebar .price-range input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
outline: none;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
background-color: transparent;
pointer-events: none;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.sidebar-style-2 .shop-sidebar .price-range .slider-track {
width: 100%;
height: 5px;
border-radius: 5px;
}
.sidebar-style-2
.shop-sidebar
.price-range
input[type="range"]::-webkit-slider-runnable-track {
-webkit-appearance: none;
height: 5px;
}
.shop-sidebar .price-range input[type="range"]::-moz-range-track {
-moz-appearance: none;
height: 5px;
}
.shop-sidebar .price-range input[type="range"]::-ms-track {
appearance: none;
height: 5px;
}
.shop-sidebar .price-range input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 15px;
width: 15px;
background-color: #17c6aa;
cursor: pointer;
pointer-events: auto;
border-radius: 5px;
}
.shop-sidebar .price-range input[type="range"]::-moz-range-thumb {
height: 15px;
width: 15px;
cursor: pointer;
border-radius: 50%;
background-color: #17c6aa;
pointer-events: auto;
}
.shop-sidebar .price-range input[type="range"]::-ms-thumb {
appearance: none;
height: 15px;
width: 15px;
cursor: pointer;
border-radius: 5px;
background-color: #17c6aa;
pointer-events: auto;
}
.shop-sidebar .price-range input[type="range"]:active::-webkit-slider-thumb {
background-color: #ffffff;
border: 3px solid #17c6aa;
}
.shop-sidebar .price-range .range-values {
display: inline-flex;
column-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shop-sidebar .price-range input[type="number"] {
max-width: 70px;
border: 1px solid #d7d7d7;
border-radius: 4px;
padding: 2px 10px;
}
.shop-sidebar .price-range .range-go {
padding: 5px 12px;
font-size: 14px;
border-radius: 4px;
background-color: #17c6aa;
color: #ffffff;
font-weight: 400;
line-height: 22px;
border: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.shop-sidebar .price-range .range-go:hover {
background-color: #17c6aa;
}
.shop-sidebar .search-wrap .search-form .sidebar-input {
padding-right: 25%;
}
.shop-sidebar .color-wrap .radio-item {
padding: 12px 12px;
}
.shop-sidebar .progress-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.shop-sidebar .progress-wrap .progress-label {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #777777;
margin: 0;
}
.shop-sidebar .progress-wrap .progress {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
} .vartical-prod-card-container {
background: #fff;
text-align: center;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
border: 1px solid #eaeaea;
border-radius: 10px;
}
.vartical-prod-card-container:hover {
position: relative;
-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.22));
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.22));
border-color: #d7d7d7;
}
.vartical-prod-card-container:hover .vpcc-image {
background-color: #fff;
border-radius: 10px;
}
.vpcc-price {
font-size: 110%;
line-height: 1.2;
min-height: 15px;
color: #333;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.card-action-btn-container {
position: absolute;
display: none;
justify-content: center;
bottom: 0;
left: 0;
width: 100%;
gap: 10px;
z-index: 10;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.vartical-prod-card-container:hover .card-action-btn-container,
.product-style-1:hover .card-action-btn-container {
height: 100%;
display: flex;
align-items: center;
text-align: center;
} .product-style-1 {
background: #fff;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.product-style-1:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transform: translateY(-2px);
} .product-style-1 .product-thumbnail {
position: relative;
overflow: hidden;
background: #f8f8f8;
}
.product-style-1 .vpcc-image {
position: relative;
transition: transform 0.3s ease;
}
.product-style-1:hover .vpcc-image {
transform: scale(1.05);
}
.product-style-1 .vpcc-image img {
width: 100%;
height: auto;
display: block;
} .product-style-1 .card-action-btn-container a,
.product-style-1 .card-action-btn-container .button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 11px 14px;
background-color: var(--filter-secondary-color, #1164cb);
color: #fff !important;
text-decoration: none;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
border: none;
cursor: pointer;
text-align: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.product-style-1 .card-action-btn-container a:hover,
.product-style-1 .card-action-btn-container .button:hover {
background-color: var(--filter-primary-color, #2d73e7);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
} .product-style-1 .card-action-btn-container a svg,
.product-style-1 .card-action-btn-container .button svg,
.product-style-1 .card-action-btn-container a i,
.product-style-1 .card-action-btn-container .button i {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
flex-shrink: 0;
} .product-style-1 .card-action-btn-container a.loading::after,
.product-style-1 .card-action-btn-container .button.loading::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #fff;
animation: spinner 0.6s linear infinite;
}
.product-style-1 .card-action-btn-container a.loading,
.product-style-1 .card-action-btn-container .button.loading {
color: transparent !important;
}
.product-style-1 .card-action-btn-container a.loading *,
.product-style-1 .card-action-btn-container .button.loading * {
opacity: 0;
} .product-style-1 .card-action-btn-container a.added::after,
.product-style-1 .card-action-btn-container .button.added::after {
content: "✓";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 18px;
font-weight: bold;
}
.product-style-1 .card-action-btn-container a.added,
.product-style-1 .card-action-btn-container .button.added {
color: transparent !important;
}
.product-style-1 .card-action-btn-container a.added *,
.product-style-1 .card-action-btn-container .button.added * {
opacity: 0;
} .product-style-1 .cart.cart-1 {
display: none;
} .product-style-1 .product-content {
padding: 16px;
} .product-style-1 .product-name {
margin-top: 0;
margin-bottom: 10px;
line-height: 1.4;
}
.product-style-1 .product-name a {
color: #000;
text-decoration: none;
font-weight: 700;
font-size: 16px;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-style-1 .product-name a:hover {
color: var(--filter-secondary-color, #1164cb);
} .product-style-1 .product-content > div:has(svg) {
margin: 8px 0;
} .product-style-1 .product-price {
color: #000;
font-weight: 600;
font-size: 16px;
margin-top: 10px;
}
.product-style-1 .product-price del {
opacity: 0.6;
font-weight: 400;
margin-right: 8px;
}
.product-style-1 .product-price ins {
text-decoration: none;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
.fp-blog-category-list-2{
display: none;
}  .horizontal-prod-card-container:hover {
-webkit-box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.1);
box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.1);
}
.hpcc-rating {
margin-bottom: 10px;
}
.hpcc-price {
padding: 10px 0;
font-size: 20px;
font-weight: 300;
}
.hpcc-actions {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 3px 0 5px 50px;
}
.hpcc-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.hpcc-btns:hover {
color: #2d73e7;
}  a.added_to_cart.wc-forward {
display: none;
}
.cart-bg {
background: #2e74e8;
padding: 0 7px;
border-radius: 3.5px;
}
.product-style-2 .vartical-prod-card-container {
border: 0px solid;
border-radius: 6px !important;
overflow: hidden;
}
.product-style-2 .vartical-prod-card-container .product-thumbnail {
position: relative;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.vpcc-image::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 6px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.vpcc-image
img {
border-radius: 6px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.product-meta {
position: absolute;
top: 20px;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
justify-content: space-between;
width: calc(100% - 20px);
left: 20px;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.product-meta
.offer
span {
background-color: #fff;
color: var(--filter-tag-color,'#ff1f25');
font-size: 12px;
line-height: 14px;
padding: 3px 5px;
font-weight: 500;
text-transform: uppercase;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.product-meta
.quickview-and-wishlist {
margin-right: 20px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.product-meta
.quickview-and-wishlist
ul
li {
list-style-type: none;
margin-bottom: 5px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.product-meta
.quickview-and-wishlist
ul
li
a {
display: inline-block;
height: 30px;
width: 30px;
color: #333;
font-size: 14px;
background-color: #fff;
border-radius: 2px;
outline: none;
line-height: 30px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.card-action-btn-container {
height: auto !important;
bottom: -40px;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.card-action-btn-container
a.added_to_cart{
padding: 8px 36px 10px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.card-action-btn-container
a {
display: flex;
padding: 8px 26px 10px;
background-color: var(--filter-cart-content,'#080808');
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
outline: none !important;
line-height: 24px;
position: relative;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.card-action-btn-container
a
.cart-icon {
margin-top: 0;
position: relative;
top: 4px;
margin-right: 3px;
}
.product-style-2
.vartical-prod-card-container
.product-thumbnail
.card-action-btn-container
a
i {
margin-right: 5px;
}
.product-style-2
.vartical-prod-card-container
.product-content
.product-name
a {
font-size: 16px;
font-weight: bold;
color: #333333;
line-height: 22px;
display: inline-block;
margin-bottom: 10px;
}
.product-style-2
.vartical-prod-card-container
.product-content
.product-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 3px;
}
.product-style-2
.vartical-prod-card-container
.product-content
.product-price
ins,
.product-style-2
.vartical-prod-card-container
.product-content
.product-price
.amount {
font-size: 16px;
font-weight: 600;
color: #666;
}
.product-style-2
.vartical-prod-card-container
.product-content
.product-price
del {
color: #cccccc !important;
font-weight: 400 !important;
}
.product-style-2
.vartical-prod-card-container
.product-content
.product-price
del
bdi {
color: #cccccc !important;
font-weight: 400 !important;
}
.product-style-2
.vartical-prod-card-container
.product-content
.product-price
del {
color: #ccc;
margin-left: 6px;
}
.product-style-2 .vartical-prod-card-container .product-content .review {
margin: 0;
}
.product-style-2 .vartical-prod-card-container .product-content .review li {
display: inline-block;
color: #e3a405;
}
.product-style-2 .vartical-prod-card-container .product-content .review li i {
font-size: 12px;
}
.product-style-2
.vartical-prod-card-container
.product-content
.review
.review-text {
font-size: 14px;
color: #ccc;
}
.product-style-2 .vartical-prod-card-container:hover {
-webkit-filter: none;
filter: none;
border-color: transparent;
}
.product-style-2 .vartical-prod-card-container:hover .vpcc-image {
border-radius: 6px !important;
}
.product-style-2 .vartical-prod-card-container:hover .product-meta {
opacity: 1;
}
.product-style-2
.vartical-prod-card-container:hover
.card-action-btn-container {
display: flex;
flex-direction: column;
bottom: 20px;
opacity: 1;
}
.sorting {
color: var(--filter-font-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.showing p{
font-size: 14px;
color: #6d6d6d;
margin: 0;
}
.sorting .showing p span {
color: #6d6d6d;
}
.sorting .sort-by select {
height: 45px;
border: 1px solid #e5e5e5;
border-radius: 6px;
background-color: #d8d4d4;
padding: 0 30px;
line-height: 30px;
}
.loader_box {
background-color: hsla(0,0%,100%,.8);
position: relative;
isolation: isolate;
height: 100%;
}
.loader_box:before {
position: absolute;
content: "";
height: 30px;
width: 30px;
border: 3px solid;
border-color: var(--filter-loader-color,#17c6aa) transparent var(--filter-loader-color,#17c6aa) transparent;
border-radius: 50%;
-webkit-animation: lds-dual-ring 1.3s linear infinite;
animation: lds-dual-ring 1.3s linear infinite;
left: 50%;
top: 12%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.loader_box::after {
position: absolute;
content: "";
inset: 0;
width: 100%;
height: 100%;
background-color: hsla(0,0%,100%,.8);
z-index: 1;
}
@-webkit-keyframes lds-dual-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lds-dual-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.sidebar-row .param-box .disable {
opacity: 0.5;
pointer-events: none;
}
.rating_disable {
opacity: 0.4;
pointer-events: none;
}
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
color: var(--filter-rating-color,#e3a405) !important;
}
.woocommerce .woocommerce-product-rating .star-rating{
color: var(--filter-rating-size,14px) !important;
}
.heading-wrap {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.sidebar-label {
margin: 0;
font-size: 16px; }
.arrows {
display: flex;
gap: 5px;
}
.up-arrow,
.down-arrow {
cursor: pointer;
display: flex;
align-items: center;
}
.down-arrow svg,
.up-arrow svg {
width: 13px;
height: 13px;
fill: #b3b3b3;
}
.entry-header.ast-no-thumbnail {
padding: 0 15px;
}
.woocommerce .woocommerce-product-rating {
color: #cccccc;
}
.categories-wrapper .cat-group,
.sub_categories li {
display: flex;
align-items: center;
}
.categories-wrapper .cat-group label,
.sub_categories label
{
font-size: 14px;
color: #181b2b;
text-transform: uppercase;
font-weight: 500;
cursor: pointer;
padding-left: 5px;
display: inline-flex;
align-items: center;
gap: 5px;
}
.categories-wrapper .cat-group input[type="checkbox"],
.sub_categories input[type="checkbox"] {
margin: 0;
vertical-align: middle;
}
ul.sub_categories{
padding-left: 10px;
}
.color-style-1 .color-item.tooltips {
position: relative !important;
}
.color-item.tooltips:hover:after {
display: flex;
justify-content: center;
align-items: center;
background: #1c2f40;
border-radius: 4px;
color: #fff;
content: attr(title);
font-size: 12px;
min-width: 50px;
padding: 0 8px;
height: 25px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
position: absolute;
left: 50%;
top: -35px;
transform: translateX(-50%);
margin: 0;
z-index: 10;
pointer-events: none;
white-space: nowrap;
}
.color-item.tooltips:hover:before {
border: solid;
border-color: #1c2f40 transparent;
border-width: 10px 8px 0 8px;
content: "";
left: 50%;
top: -15px;
position: absolute;
transform: translateX(-50%);
z-index: 11;
pointer-events: none;
}
.sidebar-style-7 .category-list li input[type='checkbox'],
.sidebar-style-7 .param-box input[type='checkbox'],
.sidebar-style-7 .radio-wrap .radio-item {
appearance: none;
background-color: var(--filter-tab-color);
border: 1px solid black;
padding: 5px;
border-radius: 0; 
display: inline-block;
position: relative;
cursor: pointer;   
margin-right: 5px;        
}
.sidebar-style-7 .category-list li input[type='checkbox']:checked,
.sidebar-style-7 .param-box input[type='checkbox']:checked,
.sidebar-style-7 .radio-wrap .radio-item.active {
background-color: var(--filter-tab-color) !important;
}
.sidebar-style-7 .category-list li input[type='checkbox']:checked::after,
.sidebar-style-7 .param-box input[type='checkbox']:checked::after, 
.sidebar-style-7 .radio-wrap .radio-item.active::after {
content: "" !important;
background: var(--filter-font-color);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--filter-tab-color);
border-radius: 0;
transform: none;
}
.sidebar-style-7 .size-meta,
.sidebar-style-7 .on-sale-wrapper,
.sidebar-style-7 .on-stock-wrapper
{
display: flex;
flex-direction: column;
}
.sidebar-style-7 .size-meta{
width: 14px !important;
height: auto !important;
}
.sidebar-style-7 .radio-wrap .radio-item,
.sidebar-style-7 .param-box .checkbox-item{
align-items: center;
display: inline-flex;
outline: none;
}
.sidebar-style-7 .radio-wrap .radio-item:hover:after{
margin: 0 !important;
min-width: unset !important;
}
.sidebar-style-7 .radio-wrap .radio-item::after {
content: " " !important;
}
.sidebar-style-7 .radio-wrap .radio-item:before{
display: none !important;
}
.sidebar-style-7 .radio-wrap .radio-item span{
position: absolute;
left: 20px;
color: var(--filter-font-color);
}
.dropdown-label::after{
background-size: 100% auto;
content: '';
display: block;
height: 10px;
position: absolute;
right: 15px;
top: 13px;
width: 10px;
}
.dropdown-label.closed:after {
background-image: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/arrow-down.svg);
}
.dropdown-label.open:after {
background-image: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/arrow-up.svg);
}
.post-tag-3{
color: #727272;
font-weight: 600;
}
.woocommerce .woocommerce-product-rating {
font-size: 14px;
} .review::after {
content: "";
display: inline-block;
width: 22px;
height: 22px;
background-color: #e0e0e0; mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTExLjk5IDMuNjhsMy4xNiA2LjQ2IDcuMSAxLjAzLTUuMTggNS4xMiAxLjIyIDcuMTQtNi4zMS0zLjMtNi4zMSAzLjMgMS4yMi03LjE0LTUuMTgtNS4xMiA3LjEtMS4wMyAzLjE2LTYuNDZ6Ii8+PC9zdmc+");
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTExLjk5IDMuNjhsMy4xNiA2LjQ2IDcuMSAxLjAzLTUuMTggNS4xMiAxLjIyIDcuMTQtNi4zMS0zLjMtNi4zMSAzLjMgMS4yMi03LjE0LTUuMTgtNS4xMiA3LjEtMS4wMyAzLjE2LTYuNDZ6Ii8+PC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.review:hover::after,
.review.active::after{
background-color: gold; 
transform: scale(1.2); 
}
.rating {
cursor: pointer;
fill: #e3a405;
display: inline-block;
text-align: center;
}
.hpcc-content .rating {
display: block;
}
.rating_light {
fill: #ebdcb5;
} .d-none {
display: none;
}
.offer{
margin-top: 5px;
}
.offer a{
font-size: 13px;
padding: 4px;
border: 1px solid #d5d5d5;
}
.filter-post-tags-3{
position: relative;
margin-top: 10px;
padding-left: 15px; 
display: flex;
align-items: center; 
flex-wrap: wrap;
gap: 6px; 
}
.filter-post-tags-3::before{
width: 15px !important;
content: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/tag.svg);
position: absolute;
left: 0;
top: 20%;
font-weight: bold;
font-size: 14px;
}
.blog-cat-3::before{
content: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/category.svg);
margin-right: 3px;
}
.author-3::before{
content: url(//dcn-networks.co.uk/wp-content/plugins/filter-plus/assets/images/author.svg);
margin-right: 3px;
}
#document_svg .document_svg{
fill: #ff0000;
}
.meta-section{
font-size: 13px;
display: inline-flex;
align-items: center;
gap: 4px;
}
.meta-section a{
color: var(--filter-meta-color, #080808);
}
.blog-content-2{
padding-top: 15px;
}
.icons>path{
fill: var(--filter-primary-color,"#2e74e8");
}
.product-tag{
font-size: 11px;
line-height: 22px;
margin-bottom: 5px;
background: #e3106e;
padding: 0 7px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
display: inline-block;
margin-right: 5px;
border-radius: 36px;
-webkit-border-radius: 36px;
}
.product-tag a,.product-tag a:hover{
color: #fff;
}
.post-grid-view-1 .product-style-1{
border-radius: calc(2 * var(--filter-lns-unit, 8px));
border: 1px solid #eee;	
box-shadow: inset 0 0 0 1px var(--lns-color-border,hsla(225.5, 57%, 10%, 0.14));
}
.post-grid-view-1 .horizontal-wp-card img {
border-radius: calc(2 * var(--filter-lns-unit, 8px));
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.post-grid-view-1 .horizontal-wp-card:hover{
cursor: pointer;
border: 2px solid var(--filter-border-hover-color, hsla(242, 88.4%, 66.3%, 0.8));
}
.post-grid-view-1 .filter-wp-title > a > h2{
font-size: 14px;
margin: 20px 0 10px 0;
}
.filter-wp-title > a > h2:hover {
color: var(--filter-hover-color,hsla(242, 88.4%, 66.3%, 0.8)) !important;
}
.filter-wp-title > a > h2{
color: var(--filter-title-color, #181b2b);
font-size: 18px;
font-weight: 700;
transition: all ease 0.3s;
margin-bottom: 10px;
}
.post-grid-view-3 .filter-wp-title > a > h2{
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
margin: 8px 0 20px 0;
color: var(--filter-title-color, #181b2b);
text-decoration: none;
transition: all .4s ease;
}
.color-style-2{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.color-style-2 .color-item{
width: 30px !important;
height: 30px;
border-radius: 5px;
}
.color-style-2 .meta-count{
width: 27% !important;
}
.color-style-3 .color-item{
margin: 0;
border-radius: 5px !important;
width: 48% !important;
box-sizing: border-box;
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
cursor: pointer;
}
.color-style-2 .color-item .meta-count{
color: #6d6d6d;
font-size: 13px;
}
.color-style-1 .color-item{
margin-right: 5px;
}
.color-style-1{
flex-direction: row !important;
position: relative !important;
}
.color-style-1 .color-item{
width: 30px !important;
height: 30px !important;
cursor: pointer;
border: 1px solid rgb(225, 223, 223)!important;
}
.color-style-1 .color-item{
border-radius: 50% !important;
}
.color-style-3{
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
flex-direction: row !important;
}
.checkbox-item-3 input[type='checkbox']{
appearance: none;
}
.pagination-footer{
display: flex;
align-items: center;
margin: 40px 0;
}
.pagination-footer.two-section{
justify-content: space-between;
}
.pagination-footer.one-section{
justify-content: center;
}
.pagination-footer .load-more{
width: 100% !important;
padding: 10px 20px;
list-style: none;
cursor: pointer;
color: var(--filter-loadmore-color,#636363) !important;
background-color: var(--filter-loadmore-bg,#fff) !important;
transition: all 0.6s ease-in-out;
border-radius: 0px !important;
border: 1px solid var(--filter-loadmore-bg-hover,#d6d6d6) !important;
}
.pagination-footer .load-more:hover{
background: var(--filter-loadmore-bg-hover,#d6d6d6) !important;
color: var(--filter-loadmore-color-hover,#fff) !important;
}
.range-slider,.slider-container {
width: 100%;
} .pagination li.page-item.disabled,
.pagination li.disabled {
opacity: 0.4 !important;
cursor: not-allowed !important;
pointer-events: none !important;
background: #999 !important;
color: #555 !important;
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
border: 1px solid #999 !important;
}
.pagination li.page-item.disabled:hover,
.pagination li.disabled:hover {
background: #999 !important;
color: #555 !important;
cursor: not-allowed !important;
opacity: 0.4 !important;
}
.pagination li.page-item.disabled:active,
.pagination li.page-item.disabled:focus,
.pagination li.disabled:active,
.pagination li.disabled:focus {
background: #999 !important;
color: #555 !important;
pointer-events: none !important;
opacity: 0.4 !important;
} .custom-range-slider {
position: relative;
width: 100%;
height: 20px;
margin: 10px 0;
}
.range-track {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 4px;
background-color: #e0e0e0;
border-radius: 2px;
transform: translateY(-50%);
}
.range-fill {
position: absolute;
top: 0;
height: 100%;
background-color: #3264fe;
border-radius: 2px;
transition: all 0.2s ease;
}
.range-thumb {
position: absolute;
top: 50%;
width: 18px;
height: 18px;
background-color: #fff;
border: 2px solid #3264fe;
border-radius: 50%;
cursor: pointer;
transform: translate(-50%, -50%);
transition: all 0.2s ease;
z-index: 2;
}
.range-thumb:hover {
box-shadow: 0 0 0 4px rgba(50, 100, 254, 0.2);
}
.range-thumb:active {
box-shadow: 0 0 0 6px rgba(50, 100, 254, 0.3);
}
.range-labels {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
color: #666;
}
.range-separator {
margin: 0 10px;
} .sidebar-style-2 .range-fill {
background-color: #17c6aa;
}
.sidebar-style-2 .range-thumb {
border-color: #17c6aa;
}
.sidebar-style-2 .range-thumb:hover {
box-shadow: 0 0 0 4px rgba(23, 198, 170, 0.2);
}
.sidebar-style-2 .range-thumb:active {
box-shadow: 0 0 0 6px rgba(23, 198, 170, 0.3);
}
.price-input-wrapper {
display: flex;
align-items: center;
gap: 12px;
}
.price-input-2{
margin: 20px auto;
text-align: center;
}
.price-input{
font-size: 14px;
}
.filter-plus-rating-2{
margin-bottom: 40px;
}
.field-label {
font-size: 12px;
font-weight: 600;
color: #666;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.input-container {
height: 32px;
width: 85px;
position: relative;
display: flex;
align-items: center;
background: #fff;
border: 2px solid #e0e0e0;
border-radius: 6px;
transition: all 0.3s ease;
overflow: hidden;
}
.input-container:focus-within {
border-color: #3264fe;
box-shadow: 0 0 0 3px rgba(50, 100, 254, 0.1);
}
.currency-symbol {
padding: 0 8px;
background: #f8f9fa;
border-right: 1px solid #e0e0e0;
color: #666;
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
height: 40px;
}
.price-input {
border: none !important;
outline: none !important;
padding: 12px 10px;
font-size: 14px;
font-weight: 500;
width: 100%;
background: transparent;
color: #333;
}
.price-input::-webkit-outer-spin-button,
.price-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.price-input[type=number] {
-moz-appearance: textfield;
}
.price-input::placeholder {
color: #999;
font-weight: 400;
}
.separator-wrapper {
display: flex;
align-items: center;
padding-top: 25px;
}
.separator {
color: #999;
font-weight: 500;
font-size: 16px;
}
.input-error {
font-size: 11px;
color: #e74c3c;
margin-top: 4px;
min-height: 0px;
display: block;
}
.price-min-2{
font-size: 13px;
} .input-container.error {
border-color: #e74c3c;
background: #fff5f5;
}
.input-container.error:focus-within {
box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
} .input-container.success {
border-color: #27ae60;
}
.input-container.success:focus-within {
box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);
} @media (max-width: 480px) {
.price-input-wrapper {
flex-direction: column;
gap: 8px;
}
.separator-wrapper {
display: none;
}
.field-label {
font-size: 11px;
}
.price-input {
padding: 10px 8px;
font-size: 13px;
}
.currency-symbol {
padding: 0 6px;
font-size: 13px;
height: 36px;
}
} .sidebar-style-2 .input-container:focus-within {
border-color: #17c6aa;
box-shadow: 0 0 0 3px rgba(23, 198, 170, 0.1);
}
@media (max-width: 1024) {
.shop-container-2{
opacity: 1; 
left: 100%; 
}
}
@media (max-width: 768px) {
.shop-container-2 .filter-bar-mb-search {
display: block; 
}
.filter-mb-search{
display: flex;
position: absolute;
z-index: 9999;
cursor: pointer;
}
.side-cart-close{
display: block;
}
.filter-top {
margin-top: 45px;
}
.shop-sidebar {
width: 35%;
padding: 15px;
background: #fff;
position: fixed;
height: 100%;
left: 0;
margin-left: -285px;
top: 0;
overflow-y: scroll;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}
}
@media screen and (max-width: 425px) {
.shop-container-3,.shop-container-4 {
display: block;
}
} .filter-buttons-wrap {
display: flex;
gap: 10px;
margin-bottom: 30px;
padding: 0 15px;
}
.filter-reset-btn{
background: #fff !important;
color: rgba(24, 119, 242, 1) !important;
border: 1px solid rgba(24, 119, 242, 1) !important;
}
.filter-reset-btn,
.filter-apply-btn {
flex: 1;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
}
.filter-reset-btn {
background-color: transparent;
color: #000;
border: 1px solid #000;
}
.filter-apply-btn {
background-color: #000;
color: #fff;
}
.filter-reset-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.filter-apply-btn:hover {
background-color: #333;
}