.swp-flex--col {
display: flex;
flex-direction: column;
flex-grow: 1;
}
form.searchwp-form .swp-flex--row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
flex-grow: 1;
}
form.searchwp-form .swp-flex--wrap {
flex-wrap: wrap;
}
form.searchwp-form .swp-flex--gap-sm {
gap: 0.25em;
}
form.searchwp-form .swp-flex--gap-md {
gap: 0.5em;
}
form.searchwp-form .swp-items-stretch {
align-items: stretch;
}
form.searchwp-form .swp-margin-l-auto {
margin-left: auto;
}
form.searchwp-form input.swp-input {
color: rgba(14, 33, 33, 0.8);
}
form.searchwp-form input.swp-input--search {
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.06786 12.1357C7.3777 12.1357 8.60074 11.7096 9.59495 10.9995L13.3351 14.7396C13.5087 14.9132 13.7375 15 13.9742 15C14.4871 15 14.858 14.6055 14.858 14.1005C14.858 13.8638 14.7791 13.6428 14.6055 13.4692L10.889 9.74487C11.6702 8.7191 12.1357 7.44871 12.1357 6.06786C12.1357 2.73014 9.40558 0 6.06786 0C2.72225 0 0 2.73014 0 6.06786C0 9.40558 2.72225 12.1357 6.06786 12.1357ZM6.06786 10.8259C3.45608 10.8259 1.30984 8.67175 1.30984 6.06786C1.30984 3.46397 3.45608 1.30984 6.06786 1.30984C8.67175 1.30984 10.8259 3.46397 10.8259 6.06786C10.8259 8.67175 8.67175 10.8259 6.06786 10.8259Z' fill='%23CFCFCF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px top 50%;
background-size: 15px auto;
padding-right: 38px;
padding-left: 0.7em;
}
form.searchwp-form .searchwp-form-input-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
flex-grow: 1;
}
form.searchwp-form .searchwp-form-input-container .swp-input {
margin: 0;
width: 100%;
}.searchwp-live-search-results {
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
border-radius: 3px;
width: 315px;
min-width: 315px;
min-height: 175px;
max-height: 300px;
}
.searchwp-live-search-result {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
border-bottom:1px solid rgba(30,30,30,0.1);
}
.searchwp-live-search-result:last-child {
border-bottom: none;
}
.searchwp-live-search-result--img {
flex-shrink: 0;
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-sm .searchwp-live-search-result--img {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-m .searchwp-live-search-result--img {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
}
.searchwp-live-search-results-container.swp-ls--img-l .searchwp-live-search-result--img {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
}
.searchwp-live-search-result--img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top;
}
.searchwp-live-search-result--info {
flex: 1 1 250px;
overflow: hidden;
text-overflow: ellipsis;
}
.searchwp-live-search-result--title {
margin-top: 0;
font-size: 1.1em;
font-weight: bold;
}
.searchwp-live-search-result--desc {
font-size: 0.9em;
}
.searchwp-live-search-result--ecommerce {
margin-left: auto;
text-align: end;
flex-shrink: 0;
}
.searchwp-live-search-result--ecommerce *{
font-size: 1em;
}
.searchwp-live-search-no-min-chars .spinner {
opacity: 0.3;
}
.searchwp-live-search-result--focused {
background: #f7f7f7;
} .searchwp-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@keyframes searchwp-spinner-line-fade-more {
0%, 100% {
opacity: 0; }
1% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-quick {
0%, 39%, 100% {
opacity: 0.25; }
40% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-default {
0%, 100% {
opacity: 0.22; }
1% {
opacity: 1;
}
}