.product_banner{
background: url(https://wordpressold.primatooling.co.uk/staging/wp-content/uploads/2022/09/topbanner_Trade_DIY_12.03.15.jpg) no-repeat;
background-size: cover;
width: 100%; padding: 55px 0;
}
.pro_left{
width: 50%;
float: left;
}
.pro_left h1{
color: #fff;
margin: 0;
line-height: normal;
}
.pro_right {
width: 50%;
float: left;
}
.pro_right span{
width: 65px;
height: 65px;
background-color: #12b4f0;
border-radius: 100px;
display: inline-block;
vertical-align: middle;
line-height: 75px;
text-align: center;
position: relative;
}
.pro_right:hover span:after{
display: none;
}
.pro_right span:after {
content: '';
width: 55px;
height: 55px;
background: transparent;
border: 2px solid #fff;
border-radius: 100px;
display: inline-block;
position: absolute;
left: 3px;
top: 3px;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pro_right p {
margin: 0;
display: inline-block;
color: #fff;
font-size: 24px;
font-weight: 500;
width: 70%;
line-height: normal;
vertical-align: middle;
padding-left: 10px;
}
.dropbtn {
color: #383c3c;
font-size: 18px;
border: none;
cursor: pointer;
width: 100%;
text-transform: capitalize;
background: transparent;
text-align: left;
padding: 0;
background-image: url(https://wordpressold.primatooling.co.uk/staging/wp-content/uploads/2022/09/d_arrow.png);
background-repeat: no-repeat;
background-size: 20px 10px;
font-weight: 400;
background-position: 100% 57%;
}
.dropdown {
position: relative;
display: inline-block;
width: 100%;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 100%;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
margin-top: 8px;
overflow-y: auto;
max-height: 250px;
}
.dropdown-content a {
padding: 12px 16px;
text-decoration: none;
display: block;
color: #323a45;
font-size: 16px;
font-weight: 400;
}
.dropdown-content a:hover{
background-color: rgba(200,200,200,0.3);
}
.show {display: block;}
.category_bar {
width: 100%;
display: inline-block;
background: #eaeaea;
position: relative;
}
.cat_title {
width: 15%;
float: left;
height: 65px;
line-height: 65px;
}
.market_dropdown {
width: 20%;
float: left;
padding: 0 18px;
border-right: solid 1px #c9c9cb;
height: 65px;
}
.market_dropdown:hover{
background-color: rgba(200,200,200,0.3);
}
.cat_title {
width: 15%;
float: left;
border-right: solid 1px #c9c9cb;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
color: #383c3c;
}
.dropbtn span {
display: block;
line-height: normal;
text-transform: uppercase;
color: #a8a8a8;
font-size: 14px;
}
.image_wrapper {
padding: 10px;
border: 1px solid #bbb;
position: relative;
}
span.star {
display: block;
position: absolute;
right: 12px;
}
span.product_title {
font-size: 16px;
color: #aaa;
display: block;
font-weight: 400;
}
span.product_cat_title {
font-size: 18px;
font-weight: 400;
display: block;
color: #323a45;
}
span.brand_title {
color: #bbb;
font-size: 16px;
font-weight: bold;
}
.view_product {
background: #0eaae4;
display: block;
color: #fff;
font-size: 26px;
text-transform: capitalize;
float: left;
padding: 0px 21px;
font-weight: 400;
border-radius: 3px;
}
.share {
float: right;
background: #e2e2e2;
width: 46px;
height: 46px;
text-align: center;
border-radius: 3px;
}
.share img{
padding-top: 7px;
}
.sidebar {
width: 25%;
position: relative;
float: left;
}
.sidebar_filter{
background-color: #eaeaea;
padding: 15px 15px;
}
.product_content {
width: 73%;
float: left;
margin-left: 2%;
}
.product_row .one_third:nth-child(3n) {
margin-right: 0;
}
.shop_sidebar {
width: 100%;
display: inline-block;
position: relative;
margin: 12px 0;
}
.shop_sidebar h5 {
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
margin: 0;
}
.clear_all {
font-weight: bold;
font-size: 16px;
float: right;
display: inline-block;
}
.clear_all img {
display: inline-block;
vertical-align: middle;
width: 17px;
padding-left: 3px;
}
.icon.pull-right{
background-image: url(https://wordpressold.primatooling.co.uk/staging/wp-content/uploads/2022/09/plus.png);
background-repeat: no-repeat;
background-size: 15px 15px;
display: inline-block;
width: 15px;
height: 15px;
float: right;
margin-top: 5px;
}
.icon.pull-left{
background-image: url(https://wordpressold.primatooling.co.uk/staging/wp-content/uploads/2022/09/minus.png);
background-repeat: no-repeat;
background-size: 15px 15px;
display: inline-block;
width: 15px;
height: 15px;
float: right;
margin-top: 5px;
}
.toggle-box-content {
padding: 6px 5px;
display: none;
}
.toggle-box-content ul {
margin: 0;
list-style: none;
}
.toggle-box-content li {
position: relative;
}
small.count {
position: absolute;
right: 0;
color: #555555;
font-size: 16px;
font-weight: 400;
}
.toggle-box-content li a {
font-weight: 400;
color: #555555;
font-size: 16px;
}
.btn-toggle-box {
background: #fff;
display: block;
padding: 7px 10px;
font-size: 16px;
color: #555555;
font-weight: 700;
border:1px solid #e0e0e0;
}
.attribute-child {
padding-left: 15px;
}
.filter_materials {
position: relative;
margin-bottom: 10px;
}
.text_box {
padding: 10px 0 20px;
}
.btns_row {
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.product_wrapper {
padding: 50px 0;
width: 100%;
display: inline-block;
}
nav.pagination {
text-align: center;
display: inline-block;
width: 100%;
}
.pagination .page-numbers {
border: 1px solid #c3c3c3;
color: #333;
font-size: 18px;
font-weight: 400;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
padding: 0;
}
.pagination ul>li {
display: inline-block;
margin: 0 2px;
}
.pagination ul>li .current{
background-color: #bbbbbb;
color: #fff;
}
.category_bar.mobile_view{
display: none;
}
.product_row .one_third:nth-child(3n+1) {
clear: both;
}
.widget .wp-block-social-links li > a:before{
display: none;
}
.wrapper{
max-height: 250px; }
.form-control-select {
color: #383c3c;
font-size: 18px;
border: none;
cursor: pointer;
width: 100%;
text-transform: capitalize;
background: transparent;
text-align: left;
padding: 0;
background-image: url(https://wordpressold.primatooling.co.uk/staging/wp-content/uploads/2022/09/d_arrow.png);
background-repeat: no-repeat;
background-size: 20px 10px;
font-weight: 400;
background-position: 100% 57%;
appearance:none;
-moz-appearance:none;
border-radius: 0;
line-height: normal;
position: relative;
z-index: 111;
}
.form-control-select option{
border-radius: 0;
padding:  10px;
font-size: 16px;
color: #383c3c;
font-weight: 400;
background-color: #eaeaea;
z-index: 111;
position: relative;
}
.form-control-select:focus{
outline: 0; }
.market_dropdown span{
font-size: 14px;
color: #a8a8a8;
font-weight: bold;
text-transform: uppercase;
}
.form-control-select option:hover, .form-control-select option:focus {
background: rgba(200,200,200,0.3);
} .sidebar_filter .WOOF_Widget .woof_container{padding-bottom:0px; } 
.sidebar_filter .WOOF_Widget .woof_container h4{background:#fff; padding: 6px !important;}
.sidebar_filter .WOOF_Widget .woof_container .woof_container_inner a.woof_front_toggle, 
.sidebar_filter .WOOF_Widget .woof_container .woof_container_inner 
.woof_childs_list_opener{
display: inline-block !important;
width: 17px;
height: 17px;
border-radius: 50%;
background:#b1b1b1;
color: #fff;
text-align: center;
line-height: 17px !important;
font-size: 17px;
margin:6px 0 0;
} 
.sidebar_filter .WOOF_Widget .woof_container .woof_container_inner 
.woof_childs_list_opener{background:#fff !important;}
.sidebar_filter .WOOF_Widget .woof_container .woof_container_inner a.woof_front_toggle_opened{line-height:15px !important;}
.sidebar_filter .WOOF_Widget .woof_container .woof_container_inner 
.woof_childs_list_opener span{ }
.sidebar_filter .WOOF_Widget .woof_container h4{margin-bottom:0px;}  
.sidebar_filter .widget li > a:before{display:none;} 
.sidebar_filter .WOOF_Widget .woof_container .woof_list li {
padding: 0px 4px;
margin: 6px 4px;
font-size: 15px;
}
.sidebar_filter .WOOF_Widget .woof_container .woof_list li:hover{background: #fff;}
.sidebar_filter .WOOF_Widget .woof_container .woof_list li label{color:#000 !important;}
.product_content a.woof_show_auto_form.woof_btn_default{display:none !important;}
.woo-shop .products .woo-grid-wrap{padding:0 15px;}
.product_content h2.woocommerce-loop-product__title{min-height:115px;}
.product_row .product .entry-content {
margin-bottom: 10px;
}
.pag.pag-inner span.pag-before, .pag.pag-inner span.pag-current, .pag.pag-inner span.pag-after {
float: left !important;
}
.woocommerce ul.products li.product .button{margin-bottom:22px !important;} @media (max-width: 1199px){
.pro_right p,.view_product{font-size: 20px;}
.share{width: 36px;height: 36px;}
.share img {
padding-top: 5px;
width: 25px !important;
}
}
@media (max-width:992px){
.view_product{padding: 0 16px;}
.product_wrapper .row{margin:0;}
.btn-toggle-box{font-size: 15px;}
span.product_cat_title{font-size: 16px;}
.pro_right p, .view_product {
font-size: 18px;
}
.share {
width: 32px;
height: 32px;
}
.share img{padding-top: 3px;}
.btn-toggle-box{padding: 5px;}
.sidebar{width: 26%;}
.product_content{width: 72%;}
}
@media (max-width:767px){
.cat_title,.market_dropdown{width: 100%;}
.category_bar.desktop_view {
display: none;
}
.nav_dropdown{display: none;padding-top: 20px;}
.category_bar{padding: 15px 0;}
.category_bar #content-core{padding: 0 15px;}
.refine {
background: #12b4f0;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 7px 10px;
border-radius: 3px;
cursor: pointer;
}
.refine img{
float: right;
margin-top: 6px;
}
.market_dropdown{padding: 0;border: 0;height: auto;}
.dropbtn {
background-image: none;
background-color: #dcdcdc;
border-radius: 0;
padding: 12px;
font-size: 18px;
font-weight: 400;
}
.dropbtn img {
width: 20px;
float: right;
margin-top: 10px;
}
.dropbtn span {
display: inline-block;
width: 1px;
height: 30px;
background-color: #9e9e9e;
position: absolute;
right: 42px;
top: 40px;
}
.dropdown>span {
display: inline-block;
width: 100%;
position: relative;
font-weight: bold;
text-transform: uppercase;
color: #a8a8a8;
font-size: 14px;
}
.dropdown{margin-bottom: 20px;}
.market_dropdown:hover {
background-color: transparent;
}
.shop_sidebar h5{text-transform: capitalize;font-weight: 600;}
.clear_all{float: none;width: 97%;background-color: #12b4f0;font-size: 16px;font-weight: bold;color: #fff;padding:10px;
border-radius: 3px;}
.clear_all:hover{color: #fff;}
.clear_all img{padding: 0;margin-top: 5px;float: right;}
.sidebar_filter.mobile_view{display: inline-block;width: 100%;padding: 0;}
.btn-toggle-box {
padding: 7px 10px;
}
.sidebar.desktop_view{display: none;}
.product_content {
width: 96%;
margin: 0 2%;
}
.product_row .one_third {
width: 46%;
margin: 0 2%;
float: left !important;
}
.product_row .one_third:nth-child(3n){
margin: 0 2%;
}
.product_row .one_third:nth-child(3n+1) {
clear: none;
}
.product_row .one_third:nth-child(2n+1) {
clear: both;
}
.pro_left:last-child{display: none;}
.product_banner #content-core {
padding: 0 15px;
}
.pro_left h1{font-size: 20px;font-weight: 400;}
.product_banner{padding: 28px 0;}
.category_bar.mobile_view{display: block;}
.form-control-select{padding: 10px;background-color: #dcdcdc;background-position: 97% 54%;}
.form-control-select:focus{
background-color:transparent;
}
.form-control-select option{background-color: #dcdcdc;}
}