.page-header .block-search { width: 100%; }
body .header-container .hp-blocks-holder .hp-block.right-column .item #header-search #search_mini_form {
display: flex;
}
.wp-loading-position {
position: absolute;
right: 45px;
top: 11px;
width: 15px;
}
.wp-loading-position img{
max-width: 100%;
}
#wp-display{
border:1px solid #3399cc;
border-top:none !important;
box-sizing: border-box;
position: absolute;
max-height: 420px;
overflow-x: hidden;
overflow-y: auto;
z-index: 99;
background:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-align: left;
width: 96.4%;
z-index:102;
}
.wp-head {
background: #ccdde2 none repeat scroll 0 0;
box-sizing: border-box;
color: #5c5c5c;
font-size: 13px;
font-weight: bold;
padding: 5px;
position: relative;
text-transform: uppercase;
width: 100%;
}
.wp-products, .wp-post {line-height: 0; }
.wp-product-details, .wp-post-details {
border: 1px solid transparent;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-size: 12px;
padding: 5px;
position: relative;
width: 98%;
line-height:1.5;
margin: 1%;
}
.wp-product-details:hover, .wp-post-details:hover {
border: 1px solid #3399cc;
}
.wp-product-details img, .wp-post-details > img {
border: 1px solid #cccccc;
box-sizing: border-box;
float: left;
height: auto;
left:0;
padding: 5px;
width: 20%;
}
.wp-product-details .wp-title, .wp-post-details .wp-title {
color: #3399cc;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
word-wrap: break-word;
}
.wp-product-details .wp-description,
.wp-post-details .wp-description {
color: #575757;
font-weight: normal;
margin-bottom: 0;
text-transform: lowercase;
}
.wp-product-left {
float: left;
left: 10px;
position: relative;
width: 50%;
}
.wp-product-left .wp-sku {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
color: rgb(72, 87, 87);
}
.wp-price {
text-align: right;
text-transform: uppercase;
color: #3399cc;
font-weight: bold;
float: left;
width: 30%;
}
.wp-post-details > p {
float: left;
font-size: 12px;
font-weight: bold;
left: 10px;
margin-left: -20%;
overflow: hidden;
padding-left: 20%;
position: relative;
text-align: left;
width: 80%;
word-wrap: break-word;
}
.wp-post-result {
border-bottom:solid 1px #e8e8e8;
float: left;
padding: 15px 0;
text-align: justify;
width: 100%;
}
.wp-post-result img {
float:left;
padding-right: 20px;
height: 110px;
width: 25%;
}
.wp-details {float: left; position: relative;left: 10px; width: 79%;}
.wp-post-result .wp-description {
font-size:16px;
}
.wp-post-result > h1 {
font-size: 18px;
font-weight: bold;
padding: 5px 0;
}
.wp-description a {
background: none repeat scroll 0 0 #08c;
clear: both;
color: #fff !important;
float: right;
padding: 5px 15px;
text-decoration: unset !important;
}
.wp-tag{
display: inline-block;
padding-right: 10px;
text-align: right;
width: 100%;
}
.wp-tag a { margin-right: 10px; }
#wp-tabs ul{
overflow:hidden;
border-right:1px solid #fff;
height:35px;
position:relative;
z-index:100;
padding:0;
}
#wp-tabs li{ float:left; list-style:none; }
#wp-tabs li a{
background:#ddd;
border:1px solid #fcfcfc;
border-right:0;
color:#666;
cursor:pointer;
display:block;
height:35px;
line-height:35px;
padding:0 30px;
text-decoration:none;
text-transform:uppercase;
}
#wp-tabs .active {
color: #fff !important;
background: none repeat scroll 0 0 #555 !important;
}
#wp-tabs .toolbar-products .pages
{
display: block !important;
}
@media screen and (max-width: 767px) {
.header-container #header-search .field.search {
width: 200px !important;
}
.header-container .block-search .block.block-content {
overflow: visible !important;
}
.header-container #header-search .field.search input.input-text {
background: #fff;
}
.mst-searchautocomplete__autocomplete._active {
width: 100% !important;
left: 0px !important;
}
}
|