@keyframes ifMenuFadeIn {
from {
opacity: 0;
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.if-menu-peek {
position: relative;
}
.if-menu-peek a {
opacity: 0.8;
}
.if-menu-peek::before {
content: "If Menu peek";
position: absolute;
text-align: center;
top: 50%;
left: calc(100% + 15px);
background: #f6f9fc;
box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
border-radius: 4px;
width: 140px;
margin-top: -17px;
padding: 10px 15px;
font-size: 14px;
opacity: 0;
pointer-events: none;
}
.if-menu-peek:hover::before {
animation: ifMenuFadeIn ease-in-out .2s forwards;
}
.if-menu-peek::after {
content: "";
position: absolute;
width: 20px;
height: 17px;
background: url(//altair-service.ru/wp-content/plugins/if-menu/assets/icon-visibility.svg);
color: rgb(80,169,47);
background-size: cover;
top: -14px;
right: -15px;
border-radius: 50%;
}.relevanssi-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-height: 175px;
max-height: 300px;
}
.relevanssi-live-search-result p,
.relevanssi-live-search-result-status p {
font-size: 0.9em;
padding: 1em;
margin: 0;
border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}
.relevanssi-live-search-result-status p {
font-size: 0.8em;
padding: 0 1em;
}
.relevanssi-live-search-result--focused {
background: #ddd;
}
.relevanssi-live-search-result--focused a {
color: #000;
}
.relevanssi-live-search-result:last-of-type p {
border-bottom: 0;
}
.relevanssi-live-search-result a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .relevanssi-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;
}
.rlv-has-spinner {
width: 56px;
height: 56px;
border: 8px solid #0052ec;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
margin: 1em auto;
}
.rlv-has-spinner::after {
content: "";
width: 8px;
height: 8px;
background: #0052ec;
border-radius: 50%;
position: absolute;
top: -1px;
left: 33px;
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}