Your IP : 216.73.216.240
$image-url : '../images/' !default;
.searchform,.woocommerce-product-search{
padding: 6px 0;
.btn{
z-index: 10;
@include rtl-margin-left(-4px);
padding: 8px 15px;
font-size: 14px;
line-height: 26px;
}
.form-control{
width: 100%;
border-radius: 0;
padding: 7px 10px;
font-size: 12px;
height: 38px;
&:focus{
border-color:$theme-color;
}
}
button{
height: 38px;
}
}
.na-filter-attribute{
position: relative;
}
.na-list-product-category{
margin: 0;
li{
@include rtl-float-left();
font-size: 12px;
@include rtl-padding-right(30px);
line-height: 40px;
text-transform: uppercase;
position: relative;
letter-spacing: 1px;
font-weight: 500;
}
li + li::after {
content: "/";
@include rtl-left(-17px);
position: absolute;
top: 0;
color: #cfcfcf;
}
}
.small{
.widgettitle{
font-size: 24px;
> span{
border: none;
padding: 0;
}
}
.category-tabs-filter{
padding-top: 15px;
}
}
.na-products-wrap.loading{
.na-wrapper-products-shortcode:after{
background:url('#{$image-url}loader.gif') repeat 0 0;
background-repeat: no-repeat;
content: "";
display: block;
height: 31px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 31px;
z-index: 900;
}
.category-tabs-filter{
opacity: 0.3;
}
}
.category-tabs-filter{
padding: 30px 0;
}
.na-list-filter{
font-size: 13px;
}
.na-products-wrap{
.filter-content{
padding: 0;
}
}
.na-filter-wrap{
#na-filter .widget{
min-width:180px;
@include rtl-float-left();
.na-ajax-load{
li{
cursor: pointer;
line-height: 25px;
}
a{
color:#777777;
&:hover{
color: $theme-color;
}
}
}
}
.chosen{
color:$theme-color !important;
}
.na-remove-attribute{
font-size: 12px;
color: $theme-color;
@include rtl-margin-right(10px);
}
}
.filter-title{
font-size: 14px;
}
.tags-list{
max-width:180px;
li{
@include rtl-padding-right(5px);
@include rtl-float-left();
}
a{
padding: 6px 8px;
&:hover{
color: $white !important;
}
}
}
//search
.header-content-right .wide-hidden{
opacity: 0;
visibility: hidden;
@include transition(1s);
.searchform,.woocommerce-product-search{
opacity: 0;
padding: 50px !important;
@include translateY(-35%);
@include transition-transform(0.5s);
}
.btn-mini-close{
opacity: 0;
@include transition(0.4s);
}
}
.searchform-mini{
@include rtl-padding-left(50px);
cursor: pointer;
position: relative;
}
.btn-mini-search{
border: none;
line-height: 1;
background: none;
cursor: pointer;
padding: 0;
font-size: 16px;
z-index: 99;
position: relative;
&:hover{
color: $theme-color;
}
}
.search-transition-wrap{
opacity: 1;
visibility: visible;
background: rgba(20, 22, 24, 0.95);
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100% !important;
@include transition(0.1s);
z-index: 99999;
.search-transition-inner{
padding: 0 25% !important;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
border: none !important;
}
.searchform,.woocommerce-product-search{
opacity: 1;
padding: 50px !important;
@include translateY(0%);
@include transition-transform(0.5s);
.form-control{
background: none;
border: none;
font-size: 20px;
color: #FFF;
height: 50px;
padding: 0;
}
.input-group{
border-bottom: 1px solid #fff;
padding: 0 !important;
}
.btn{
background: none;
font-size: 16px;
padding: 0 15px;
}
}
.btn-mini-close{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #fff !important;
font-size: 18px;
position: absolute;
top:-10px;
@include rtl-right(25%);
@include rtl-margin-right(50px);
opacity: 1;
@include transition(0.4s);
*{
color: #fff !important;
}
}
}