.ninetheme-ajax-product-search {
position: relative;
}
.ninetheme-ajax-search-results {
display: none;
position: absolute;
width: 100%;
max-height: calc( 100vh - 230px );
padding: 10px 20px;
border: 1px solid var(--ninetheme-border);
z-index: 15;
transform: translateY(-1px);
-webkit-box-shadow: 0 15px 30px -4px rgb(0 0 0 / 9%);
-moz-box-shadow: 0 15px 30px -4px rgba(0, 0, 0, .09);
box-shadow: 0 15px 30px -4px rgb(0 0 0 / 21%);
}
.ninetheme-ajax-search-results.loading,
.ninetheme-ajax-search-results.active {
display: block;
min-height: 40px;
}
.ninetheme-ajax-search-results ul {
list-style: none;
margin:0;
padding: 0;
}
.ninetheme-ajax-search-results ul li {
display: block;
padding: 12px 0;
position: relative;
border-bottom: 1px dashed #e0e0e0;
}
.ninetheme-ajax-search-results ul li:last-child {
border-bottom: none;
}
.ninetheme-ajax-search-results ul li a {
display: table;
width: 100%;
}
.ninetheme-ajax-search-results ul li a > * {
display: table-cell;
vertical-align: top;
}
.ninetheme-ajax-search-results .ninetheme-ajax-product-image {
width: 65px;
max-width: 65px;
}
.ninetheme-ajax-product-data {
padding-left: 20px;
}
.ninetheme-ajax-search-results .ninetheme-ajax-product-title {
display: block;
margin-bottom: 7px;
font-size: 14px;
}
.ninetheme-ajax-product-data .ninetheme-ajax-product-price {
font-size: 14px;
margin-bottom: 10px;
color: var(--ninetheme-primary);
font-weight: 500;
}
.ninetheme-ajax-product-stock {
padding: 6px 10px;
background: var(--ninetheme-green-soft);
display: inline-block;
line-height: 1;
border-radius: 3px;
font-size: 9px;
font-weight: 500;color: var(--ninetheme-green);
text-transform: uppercase;
letter-spacing: 1px;
}
.ninetheme-ajax-product-search select,
.ninetheme-ajax-product-search input {
width: 100%;
color: var(--ninetheme-gray-dark);
}
.ninetheme-ajax-search-wrapper {
position: relative;
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-search-wrapper {
width: 58%;
}
.ninetheme-ajax-product-search.style-inline:not(.style-select-bars) .ninetheme-ajax-search-wrapper {
width: 100%;
}
.ninetheme-ajax-search-wrapper button.ninetheme-ajax-search-submit,
.ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
border: 0;
position: absolute;
top: 0px;
right: 0px;
color: var(--ninetheme-light);
background-color: var(--ninetheme-primary);
height: 100%;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
} input.hide-clear[type=search]::-ms-clear,
input.hide-clear[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0; 
} input.hide-clear[type="search"]::-webkit-search-decoration,
input.hide-clear[type="search"]::-webkit-search-cancel-button,
input.hide-clear[type="search"]::-webkit-search-results-button,
input.hide-clear[type="search"]::-webkit-search-results-decoration {
display: none; 
}
.ninetheme-ajax-search-wrapper.active button.ninetheme-ajax-search-submit {
display: none;
}
.ninetheme-ajax-close-search-results:before,
.ninetheme-ajax-close-search-results:after {
content: '';
position: absolute;
height: 2px;
width: 16px;
top: 46%;
left: 12px;
transform-origin: 50% 50%;
background-color: var(--ninetheme-light);
opacity: 1;
-moz-transition: -moz-transform ease 0.25s;
-webkit-transition: -webkit-transform ease 0.25s;
-o-transition: -o-transform ease 0.25s;
-ms-transition: -ms-transform ease 0.25s;
transition: transform ease 0.25s;
}
.ninetheme-ajax-close-search-results:before{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ninetheme-ajax-close-search-results:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ninetheme-ajax-close-search-results:hover:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ninetheme-ajax-close-search-results:hover:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ninetheme-ajax-search-wrapper.loading button.ninetheme-ajax-search-submit,
.ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
opacity: 0;
}
.ninetheme-ajax-search-wrapper.active .ninetheme-ajax-close-search-results {
opacity: 1;
z-index: 1;
}
.ninetheme-ajax-product-search + .ninetheme-product-categories.category-area {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid var(--ninetheme-gray);
}
.ninetheme-ajax-product-search.active + .ninetheme-product-categories.category-area {
display: none;
}
.ninetheme-ajax-product-search + .ninetheme-product-categories .ninetheme-product-categories-inner {
max-height: calc( 100vh - 330px );
overflow-x: hidden;
}
.ninetheme-ajax-product-search + .ninetheme-product-categories .category-title {
font-size: 12px;
}
.ninetheme-ajax-product-search.type-block {
position: relative;
width: 100%;
margin-bottom: 20px;
}
.ninetheme-header-default-inner .ninetheme-ajax-product-search.style-inline {
margin-bottom: 0px;
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-search-results.loading,
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-search-results.active {
background-color: var(--ninetheme-light);
color: var(--ninetheme-text);
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-search-results {
max-height: calc( 100vh - 195px );
}
.ninetheme-ajax-product-search.style-block form,
.ninetheme-ajax-product-search.style-inline form {
display: flex;
align-items: stretch;
background-color: var(--ninetheme-light);
min-width: 620px;
border-radius: 3px;
color: var(--ninetheme-text);
}
.ninetheme-ajax-product-search.style-block form {
flex-direction: column;
}
.ninetheme-ajax-product-search.width-auto form {
min-width: auto;
}
.ninetheme-ajax-product-search .ninetheme-ajax-cats-search {
display: flex;
align-items: center;
justify-content: center;
margin-left: 15px;
width: 35px;
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-cats-search {
margin-right: 15px;
}
.ninetheme-ajax-product-search .ninetheme-ajax-cats-search .ninetheme-svg-icon {
max-width: 40px;
max-height: 40px;
fill: var(--ninetheme-dark);
}
.ninetheme-ajax-product-search .ninetheme-svg-icon {
fill: var(--ninetheme-light);
max-width: 24px;
max-height: 24px;
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-category.nice-select,
.ninetheme-ajax-product-search.style-inline select {
width: 42%;
margin-bottom: 0px;
border-right: 0;
padding-left: 60px;
border: 0;
}
.ninetheme-ajax-product-search.style-block .ninetheme-ajax-category.nice-select, 
.ninetheme-ajax-product-search.style-block select {
width: 100%;
padding: 12px 15px;
margin-bottom: 10px;
position: relative;
}
.ninetheme-ajax-product-search .ninetheme-ajax-search-wrapper input[type="search"].ninetheme-ajax-search-input {
border: 0;
border-radius: 0px;
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-category.nice-select {
border: 0;
height: auto;
display: flex;
align-items: center;
}
.ninetheme-ajax-product-search.type-block .ninetheme-ajax-category.nice-select {
margin-bottom:10px;
width: 100%;
}
.ninetheme-header-mobile-content.search-loading .ninetheme-header-mobile-slide-menu,
.ninetheme-header-mobile-content.ajax-active .ninetheme-header-mobile-slide-menu,
.ninetheme-header-mobile-content.search-loading .ninetheme-sidemenu-lang-switcher,
.ninetheme-header-mobile-content.ajax-active .ninetheme-sidemenu-lang-switcher {
opacity: 0;
visibility: hidden;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list .submenu {
padding: 15px;
background-color: var(--ninetheme-light);
border-radius: 0;
border: none;
display: none;
z-index: 1;
text-align: left;
list-style: none;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list li {
position: relative;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list > li > a > .category-title {
font-size: 14px;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list li + li {
margin-top: 10px;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list .submenu li a {
padding: 10px 0;
color: var(--ninetheme-dark);
flex-direction: row;
width: 100%;
align-items: flex-start;
position: relative;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list li a img {
margin-right: 10px;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list li span.dropdown-btn {
margin-left: 10px;
cursor: pointer;
position: absolute;
right: 0;
top: 8px;
font-size: 12px;
}
.ninetheme-product-categories-inner ul.ninetheme-wc-category-list li.active span.dropdown-btn {
transform: rotate(90deg);
right: 2px;
}
.ninetheme-popup-search-panel.panel-position-right.active .ninetheme-product-categories-inner ul.ninetheme-wc-category-list li span.dropdown-btn {
right: 20px;
}
.ninetheme-popup-search-panel.panel-position-right.active .ninetheme-product-categories-inner ul.ninetheme-wc-category-list li + li {
margin-top: 5px;
}
.ninetheme-popup-search-panel.panel-position-right.active .ninetheme-ajax-search-wrapper {
width: 100%;
}
.ninetheme-popup-search-panel.panel-position-right.active .ninetheme-ajax-product-search.style-circle form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
min-width: auto;
}
.ninetheme-popup-search-panel.panel-position-right.active .ninetheme-ajax-search-wrapper button.ninetheme-ajax-search-submit {
border: 0;
position: absolute;
top: 4px;
right: 4px;
color: var(--ninetheme-light);
background-color: var(--ninetheme-primary);
width: 32px;
height: calc(100% - 14px);
display: flex;
align-items: center;
justify-content: center;
} .ninetheme-ajax-product-search.style-circle form {
border: 1px solid;
border-color: var(--ninetheme-border);
border-radius: 30px;
}
.ninetheme-ajax-product-search.style-border:not(.style-block) form {
border: 1px solid var(--ninetheme-border);
}
.ninetheme-ajax-product-search.style-square form {
border-radius: 0;
}
.ninetheme-ajax-product-search.style-circle .ninetheme-ajax-search-wrapper button.ninetheme-ajax-search-submit,
.ninetheme-ajax-product-search.style-circle .ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
border-radius: 30px;
}
.ninetheme-ajax-product-search.style-border .ninetheme-ajax-search-wrapper input[type="search"],
.ninetheme-ajax-product-search.style-circle .ninetheme-ajax-search-wrapper input[type="search"],
.ninetheme-ajax-product-search.style-circle form select.ninetheme-ajax-category {
border: 0;
}
.ninetheme-ajax-product-search.style-inline .ninetheme-ajax-search-wrapper {
border-left: 1px solid var(--ninetheme-gray);
}
.ninetheme-ajax-product-search.style-block.style-border .ninetheme-ajax-search-wrapper input[type="search"],
.ninetheme-ajax-product-search.style-block.style-border .ninetheme-ajax-category.nice-select,
.ninetheme-ajax-product-search.style-block.style-border select {
border: 1px solid var(--ninetheme-border);
}
.ninetheme-ajax-product-search.style-block.style-select-show select,
.ninetheme-ajax-product-search.style-block.style-select-show .ninetheme-ajax-category.nice-select {
padding-left: 60px;
}
.ninetheme-ajax-product-search.style-inline.style-select-show .ninetheme-ajax-cats-search {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ninetheme-ajax-product-search.style-block.style-select-show .ninetheme-ajax-cats-search {
position: absolute;
top: 5px;
}
.style-select-bars .ninetheme-ajax-search-wrapper svg.svgBars {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
}
.ninetheme-ajax-product-search.style-inline.style-select-bars .ninetheme-ajax-search-wrapper {
width: 100%;
overflow: hidden;
}
.ninetheme-ajax-product-search.style-select-bars.style-cricle .ninetheme-ajax-search-wrapper {
border-radius: 0px 30px 30px 0px;
}
.ninetheme-ajax-product-search.style-select-bars .ninetheme-ajax-search-wrapper input[type="search"] {
border: 0;
padding-left: 20px;
}
.ninetheme-ajax-product-search.style-inline.style-select-bars .ninetheme-ajax-category.nice-select {
width: 65px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
left: 0;
position: absolute;
height: 100%;
}
.ninetheme-ajax-product-search.style-select-bars form select {
display: none;
}
.ninetheme-ajax-product-search.style-select-bars span.current {
position: absolute;
font-size: 0;
width: 100%;
height: 100%;
line-height: 1;
}
.ninetheme-ajax-product-search.style-select-bars .nice-select:after{
content: none;
}
.ninetheme-header-content .ninetheme-ajax-product-search.style-inline .ninetheme-ajax-search-results {
max-height: calc( 50vh - 100px );
max-width: 507px;left: 10.6%;}
.ninetheme-header-mobile-content .ninetheme-ajax-product-search {
width: 100%;
margin-bottom: 20px;
}
.ninetheme-header-mobile-content .ninetheme-ajax-product-search.style-circle form {
min-width: auto;
}
.ninetheme-header-mobile-content .ninetheme-ajax-product-search .ninetheme-ajax-cats-search {
margin-left: 0;
}
.ninetheme-header-mobile-content .ninetheme-ajax-product-search.style-select-bars .ninetheme-ajax-search-wrapper input[type="search"] {
min-height: 100%;
padding: 0 40px 0 20px;
}
.ninetheme-header-mobile-content .ninetheme-ajax-product-search.style-select-bars .ninetheme-ajax-category.nice-select {
left: 0;
}
.ninetheme-header-mobile-content .ninetheme-ajax-product-search.style-select-bars .ninetheme-ajax-search-wrapper {
height: 40px;
}
.ninetheme-header-mobile-content .ninetheme-ajax-search-wrapper button.ninetheme-ajax-search-submit,
.ninetheme-header-mobile-content .ninetheme-ajax-search-wrapper .ninetheme-ajax-close-search-results {
width: 40px;
}
.ninetheme-header-mobile-content .search-area-top .ninetheme-ajax-product-search svg {
position: relative;
right: auto;
}
.ninetheme-header-location.ninetheme-widget-woo-location .ninetheme-header-location-trigger:after {
bottom: 8px;
}
.ninetheme-header-location.subtitle-bottom .ninetheme-header-location-trigger:after {
bottom: auto;
top: 8px;
}
.ninetheme-header-location.style-border {
border: 1px solid var(--ninetheme-border);
padding: 10px 15px;
}
.ninetheme-header-location.style-border.style-radius {
border-radius: 4px;
} @media(max-width:480px) {
.ninetheme-ajax-product-search.style-inline select,
.ninetheme-ajax-product-search.style-inline input,
.search-area-top input {
font-size: 12px;
}
}