.blur{
filter: blur(4px); pointer-events: none; }
.searchitems label {
font-size: 12px !important;
margin-bottom: 0;
line-height: 12px;
position: relative;
top: -1.5px;
} .dynamic_content_area {
background: #f9f9f9;
margin-top: 0px !important;
padding: 30px;
border: 1px solid #cccccc;
border-radius: 5px;
}
#acf-product-search-form-global {
& .search_input_section{margin: 30px;}
}
.is-layout-constrained #acf-product-search-form-global div:first-child div {
padding: 0px;
& input[type='text'] {border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
& #mainsearchbutton{border-top-left-radius:0px; border-bottom-left-radius:0px; width:100%;}
}
#acf-search-left-bar {
border-right: 1px solid #cbc6c6;
& #size hr:first-child{margin-top:0px;}
& hr {margin: 12px 0;}
& ul{padding-left:0px;}
& #size #size {
display: flow; 
padding-top: 0px !important; 
padding-bottom: 0px !important;
margin-bottom: 15px;
max-height: 214px !important;
}
& #size #size .searchitems {width: 100%; display: inline-block;}
& h3{margin-bottom:0px;font-size: 19px;font-weight: bold;font-family: revert;}
}
div#FilterActionButtons {
border: 1px solid #6dc067;
border-radius: 4px;
padding: 18px;
width: 250px;
position: fixed;
bottom: 18px;
left: 75px;
display: flex;
justify-content: center;
background-color: rgba(242, 242, 244, 0.9);
z-index: 999;
& button {
margin-top: 0 !important;
width: 40%;
display: inline-block;
margin:0 5px;
} }
ul img {
object-fit:contain !important;
}
#main-material_type {
& #myInput {margin-bottom: 15px !important;border: 1px solid #aaa;padding: 3px 10px;}
& #material_type{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 15px;
}
}
#shapes, #shape,
#nominal_pipe_size_nipples,
#length_nipples,
#size_1,
#size_2,
#size_3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
gap: 2px;
text-align: center; & img{width:auto; height:59px; margin:0 auto; display:block;}
}
#length_nipples input {
margin: 5px auto 5px auto !important; }
#length_nipples .searchitems {
text-align: center; }
#length_nipples .searchitems label {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
white-space: normal !important;
text-align:center; }
#length_nipples {
gap:6px !important;
}
#nominal_pipe_size_nipples,
#length_nipples,
#size_1,
#connection_type,
#class {
max-height: 145px !important
}
#shapes, #shape, #size_1 {
max-height: 250px !important
}
.woocommerce-product-table thead tr td, .woocommerce-product-table thead tr th {
vertical-align: middle;
padding: 0.75rem;
background: #333333;
color: #fff;
}
.woocommerce-product-table tr td, .woocommerce-product-table tr th {
vertical-align: middle;
padding: 0.35rem;
& .btn-primary {width: 100%; padding-top: 5px; padding-bottom: 3px; border-radius: 30px;}
}
.pp-table .product-thumbnail-table img{
width: 42px !important;
height: 42px !important;
float: left;
padding: 0px !important; border-radius: 11px;
}
td {
word-wrap: break-word;
white-space: normal;
max-width: 200px;
}
#pagination-container_category {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px auto;
font-family: 'Arial', sans-serif;
padding: 10px;
}
#pagination-container_category a,
#pagination-container_category span {
display: inline-block;
padding: 8px 15px;
font-size: 14px;
text-decoration: none;
color: #25408f;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
#pagination-container_category a:hover {
background-color: #25408f;
color: #fff;
border-color: #25408f;
}
#pagination-container_category .pagination-active {
background-color: #25408f;
color: #fff;
border: 1px solid #25408f;
font-weight: bold;
cursor: default;
}
#pagination-container_category .pagination-dots {
color: #888;
font-weight: bold;
cursor: default;
}
#pagination-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px auto;
font-family: 'Arial', sans-serif;
padding: 10px;
}
#pagination-container a,
#pagination-container span {
display: inline-block;
padding: 8px 15px;
font-size: 14px;
text-decoration: none;
color: #25408f;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
#pagination-container a:hover {
background-color: #25408f;
color: #fff;
border-color: #25408f;
}
#pagination-container .pagination-active {
background-color: #25408f;
color: #fff;
border: 1px solid #25408f;
font-weight: bold;
cursor: default;
}
#pagination-container .pagination-dots {
color: #888;
font-weight: bold;
cursor: default;
} #category-left-bar{
border-right: 1px solid #cbc6c6;
& #size hr:first-child{margin-top:0px;}
& hr {margin: 12px 0;}
& ul{padding-left:0px;}
& #size #size {
display: flow; 
padding-top: 0px !important; 
padding-bottom: 0px !important;
margin-bottom: 15px;
max-height: 214px !important;
}
& #size #size .searchitems {width: 100%; display: inline-block;}
& h3{margin-bottom:0px;font-size: 19px;font-weight: bold;font-family: revert;}
}
#pagination-container-category-left-bar {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px auto;
font-family: 'Arial', sans-serif;
padding: 10px;
}
#pagination-container-category-left-bar a,
#pagination-container-category-left-bar span {
display: inline-block;
padding: 8px 15px;
font-size: 14px;
text-decoration: none;
color: #25408f;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
#pagination-container-category-left-bar a:hover {
background-color: #25408f;
color: #fff;
border-color: #25408f;
}
#pagination-container-category-left-bar .pagination-active {
background-color: #25408f;
color: #fff;
border: 1px solid #25408f;
font-weight: bold;
cursor: default;
}
#pagination-container-category-left-bar .pagination-dots {
color: #888;
font-weight: bold;
cursor: default;
}
.dynamic_content_area_category {
background: #f9f9f9;
margin-top: 0px !important;
padding: 30px;
border: 1px solid #cccccc;
border-radius: 5px;
}
.filter-group {
max-height: 145px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 10px 10px 10px 0;
} #nav-left-bar {
border-right: 1px solid #cbc6c6;
& #size hr:first-child{margin-top:0px;}
& hr {margin: 12px 0;}
& ul{padding-left:0px;}
& #size #size {
display: flow; 
padding-top: 0px !important; 
padding-bottom: 0px !important;
margin-bottom: 15px;
max-height: 214px !important;
}
& #size #size .searchitems {width: 100%; display: inline-block;}
& h3{margin-bottom:0px;font-size: 19px;font-weight: bold;font-family: revert;}
}
.rightsidebar, .category_rightsidebar {
& .product-search-results-right, .category-search-results-right{overflow-x:auto;}
}
@media only screen and (max-width: 1023px) {
.rightsidebar, .category_rightsidebar {
& table thead tr th{white-space: nowrap;}
}
} #material_type .searchitems .dynamic-checkbox-category-search-all {
appearance: none; -webkit-appearance: none; width: 15px;
height: 15px;
border: 1px solid #000; border-radius: 50% !important; background-color: white; cursor: pointer;
display: inline-block;
position: relative;
transition: all 0.3s ease; flex: none;
} #material_type .searchitems .dynamic-checkbox-category-search-all:checked {
border-color: #25408f; background-color: #25408f; }
#material_type .searchitems .dynamic-checkbox-category-search-all:checked::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
background-color: white; border-radius: 50% !important; top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
} #material_type .searchitems label {
margin-left: 8px;
font-size: 14px;
color: #333;
cursor: pointer;
vertical-align: middle;
} #shapes .searchitems .dynamic-checkbox-category-search-all,
#nominal_pipe_size_nipples .searchitems .dynamic-checkbox-category-search-all,
#length_nipples .searchitems .dynamic-checkbox-category-search-all,
#size_1 .searchitems .dynamic-checkbox-category-search-all,
#size_2 .searchitems .dynamic-checkbox-category-search-all,
#size_3 .searchitems .dynamic-checkbox-category-search-all {
appearance: none;
-webkit-appearance: none;
width: 15px;
height: 15px;
border: 1px solid #000;
border-radius: 50% !important;
background-color: white;
cursor: pointer;
display: inline-block;
position: relative;
transition: all 0.3s ease;
flex: none;
} #shapes .searchitems .dynamic-checkbox-category-search-all:checked,
#nominal_pipe_size_nipples .searchitems .dynamic-checkbox-category-search-all:checked,
#length_nipples .searchitems .dynamic-checkbox-category-search-all:checked,
#size_1 .searchitems .dynamic-checkbox-category-search-all:checked,
#size_2 .searchitems .dynamic-checkbox-category-search-all:checked,
#size_3 .searchitems .dynamic-checkbox-category-search-all:checked {
border-color: #25408f;
background-color: #25408f;
}
#shapes .searchitems .dynamic-checkbox-category-search-all:checked::before,
#nominal_pipe_size_nipples .searchitems .dynamic-checkbox-category-search-all:checked::before,
#length_nipples .searchitems .dynamic-checkbox-category-search-all:checked::before,
#size_1 .searchitems .dynamic-checkbox-category-search-all:checked::before,
#size_2 .searchitems .dynamic-checkbox-category-search-all:checked::before,
#size_3 .searchitems .dynamic-checkbox-category-search-all:checked::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
background-color: white;
border-radius: 50% !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
#shapes .searchitems label,
#nominal_pipe_size_nipples .searchitems label,
#length_nipples .searchitems label,
#size_1 .searchitems label,
#size_2 .searchitems label,
#size_3 .searchitems label {
margin-left: 8px;
font-size: 14px;
color: #333;
cursor: pointer;
vertical-align: middle;
}  #material_type .searchitems .dynamic-checkbox-nav-all {
appearance: none; -webkit-appearance: none; width: 15px;
height: 15px;
border: 1px solid #000; border-radius: 50% !important; background-color: white; cursor: pointer;
display: inline-block;
position: relative;
transition: all 0.3s ease; flex: none;
} #material_type .searchitems .dynamic-checkbox-nav-all:checked {
border-color: #25408f; background-color: #25408f; }
#material_type .searchitems .dynamic-checkbox-nav-all:checked::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
background-color: white; border-radius: 50% !important; top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
} #material_type .searchitems label {
margin-left: 8px;
font-size: 14px;
color: #333;
cursor: pointer;
vertical-align: middle;
} X#shapes .searchitems .dynamic-checkbox-nav-all {
appearance: none; -webkit-appearance: none; width: 15px;
height: 15px;
border: 1px solid #000; border-radius: 50% !important; background-color: white; cursor: pointer;
display: inline-block;
position: relative;
transition: all 0.3s ease; flex: none;
} X#shapes .searchitems .dynamic-checkbox-nav-all:checked {
border-color: #25408f; background-color: #25408f; }
X#shapes .searchitems .dynamic-checkbox-nav-all:checked::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
background-color: white; border-radius: 50% !important; top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
} #shapes .searchitems label,
#nominal_pipe_size_nipples .searchitems label,
#length_nipples .searchitems label,
#size_1 .searchitems label,
#size_2 .searchitems label,
#size_3 .searchitems label {
margin-left: 8px;
font-size: 14px;
color: #333;
cursor: pointer;
vertical-align: middle;
}
input[type=checkbox], input[type=radio] {
width: 15px;
height: 15px;
}
#material_type .searchitems {
display: flex;
margin-top: 5px;
padding: 5px 5px 5px 0;
}
#shapes .searchitems
{
border: 1px solid #cccccc !important;
padding-top: 0;
padding-bottom: 6px;
background: #ffffff;
display: block;
}
#nominal_pipe_size_nipples .searchitems,
#length_nipples .searchitems,
#size_1 .searchitems,
#size_2 .searchitems,
#size_3 .searchitems {
padding-top: 0;
padding-bottom: 6px;
background: #ffffff;
display: block;
}
#shapes .searchitems label { }
#shapes .searchitems label, #nominal_pipe_size_nipples .searchitems label, #length_nipples .searchitems label, #size_1 .searchitems label, #size_2 .searchitems label, #size_3 .searchitems label {
color: #333;
cursor: pointer;
vertical-align: middle;
margin: 0px !important;
}
#nominal_pipe_size_nipples .searchitems label,
#length_nipples .searchitems label,
#size_1 .searchitems label,
#size_2 .searchitems label,
#size_3 .searchitems label {
padding-bottom:4px !important;
}
#shapes img,
#shape img {
width: auto;
height: 59px;
margin: 6px auto;
display: block;
} .category-search-results-right {
overflow-x: auto;
margin: 0 15px; max-width: calc(100% - 30px); box-sizing: border-box;
position: relative; }
table {
width: 100%;
border-collapse: collapse;
min-width: 600px; }
thead th {
background: #005670; color: white;
position: sticky;
top: 0;
z-index: 10;
} #category-left-bar {
border-right: none !important; }
#nav-left-bar {
border-right: none !important;
}
div#main-shapes > div:not(:nth-child(-n+2)), #main-shapes {
border-top: 1px solid #cccccc;
padding-top: 18px;
}
#shapes .searchitems,
#nominal_pipe_size_nipples .searchitems,
#length_nipples .searchitems,
#size_1 .searchitems,
#size_2 .searchitems,
#size_3 .searchitems {
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
background: transparent !important;
border: 0px solid #f9f9f9 !important;
border-color: #f9f9f9 !important;
border-style: none !important;
}
.searchitems {
border: 1px solid #f9f9f9 !important;
border-style: none !important;
}
#shapes > .searchitems > label {
display: block;
}
#nominal_pipe_size_nipples > .searchitems, #length_nipples > .searchitems,
#size_1 > .searchitems,
#size_2 > .searchitems,
#size_3 > .searchitems {
text-align: left !important;
}
#main-material_type > input#myInput.form-control {
margin-bottom: 0px !important;
}
div.mb-3 {
margin-bottom: 4px !important;
}
h3.pp-title {
padding-bottom: 0px;
}
.pp-table  {
font-size: 15px;
line-height: 18px;
}
.pp-table th {
padding: 6px 13px !important;
background: #25408f !important;
}
.pp-table tr,
.pp-table td { padding: 4px 5px !important;
}
.pp-table td:nth-child(3) {
width: 50%;
}
.pp-table td:nth-child(1) {
width: 72px;
}
.pp-table td:nth-child(2),
.pp-table td:nth-child(4),
.pp-table td:nth-child(5),
.pp-table td:nth-child(6),
.pp-table td:nth-child(7) { white-space: nowrap;
}
.product-thumbnail-table img {
min-width: 63px !important;
min-height: 63px !important;
float: none !important;
padding: 4px !important;
margin-right: 0px !important;
}
.pp-table a  {
font-weight: bold;
color: #6dc067;
}
.pp-btn-primary {
color: #ffffff !important;
font-weight: 400 !important;
text-transform: uppercase !important;
background-color: #6dc067 !important;
border-color: #6dc067 !important;
border-radius: 4px !important;
padding: 4px 6px !important;
}
.pp-btn-primary:hover {
color: #ffffff !important;
background: #25408f !important;
border-color: #25408f !important;
}
span.pagination-active {
background: #6dc067 !important;
border: 1px solid #6dc067 !important;
}
#pagination-container-category-left-bar a {
color: #6dc067 !important;
}
#pagination-container-category-left-bar a:hover {
color: #ffffff !important;
background: #6dc067 !important;
border-color: #6dc067 !important;
} @media only screen and (max-width: 1023px) { }   @media (max-width: 575.98px) { }
} @media (max-width: 767.98px) {
.category-search-results-right {
-webkit-overflow-scrolling: touch; margin: 0;
width: 100%;
max-width: 100%;
}
#category_right_bar {
padding: 0;
}
.et_pb_row.et_pb_row_1 {
width: 100%;
max-width: 100%;
}
body {
background-color: unset !important;
}
} @media (max-width: 991.98px) {
.filter-group {
padding: 10px 0 10px 0;
}
div.col-sm-9[id$="_right_bar"] {
padding: 0;
}
div.col-sm-9[id$="_right_bar"] [class$="search-results-right"] {
margin:0;
max-width:100%;
}
#shapes .searchitems label {
font-size: 12px !important;
} @media (min-width: 576px) and (max-width: 767.98px) {
#category-left-bar {padding:0} } @media (min-width: 576px) and (max-width: 991.98px) {
#length_nipples>.searchitems>input, #length_nipples>.searchitems>label {
display:block;
}
} @media (min-width: 992px)  {
#length_nipples input,
#length_nipples label {
display: block !important;
}
}
@media(max-width:1024px) {
div#FilterActionButtons {
width:150px;
left: 50px;
flex-direction: column;
align-items: center;
& button {
width:100px;
}
& button:last-child {
margin-left:0 !important;
margin-top: 9px !important;
}
}
.d-flex {
flex-direction: column !important;
}
.flex-grow-1 {
margin-left:0 !important;
}
.d-flex.align-items-center {
align-items: flex-start !important;
}
}