@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(//neautropics-buzz.76.13.250.68.nip.io/wp-content/plugins/if-menu/assets/icon-visibility.svg);
color: rgb(80,169,47);
background-size: cover;
top: -14px;
right: -15px;
border-radius: 50%;
}.my_account_subscrpt .order-status {
min-width: 100px;
} span.subscrpt-legacy-status {
background: #bfdbfe;
color: #1e40af;
font-weight: 600;
font-size: 12px;
text-transform: capitalize;
padding: 8px 10px;
border-radius: 5px;
}
span.subscrpt-legacy-status--pending {
background: #dbeafe;
color: #1e40af;
}
span.subscrpt-legacy-status--active {
background: #bbf7d0;
color: #166534;
}
span.subscrpt-legacy-status--expired {
background: #fecaca;
color: #991b1b;
}
span.subscrpt-legacy-status--completed {
background: #e0e7ff;
color: #3730a3;
}
span.subscrpt-legacy-status--cancelled {
background: #e2e8f0;
color: #475569;
}
span.subscrpt-legacy-status--pe_cancelled,
span.subscrpt-legacy-status--on-hold {
background: #ffedd5;
color: #b45309;
}
span.subscrpt-legacy-status--draft {
background: #f3f3f3;
color: #888;
} span.grace-active {
position: relative;
padding-right: 16px;
}
span.grace-icon {
position: absolute;
top: -5px;
right: -5px;
background: #fffbeb;
border-radius: 50%;
padding: 0px;
height: 20px;
width: 20px;
}
span.grace-icon .dashicons {
color: #f59e0b;
}
span.grace-icon::after {
content: attr(data-tooltip);
position: absolute;
top: -28px;
right: 50%;
transform: translateX(50%);
background: #fef3c7;
color: #b45309;
font-size: 11px;
padding: 4px 6px;
border-radius: 3px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
span.grace-icon:hover::after {
opacity: 1;
}.wpmenucart-icon-shopping-cart-0:before{font-family:WPMenuCart;speak:none;font-style:normal;font-weight:400;display:inline;width:auto;height:auto;line-height:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0;margin-right:.25em}.wpmenucart-icon-shopping-cart-0:before{content:"\f07a"}