SHOP
.wcf__nav-menu {
display: none;
}
.wcf__nav-menu svg {
width: 1em;
height: 1em;
}
.wcf__nav-menu .wcf-submenu-indicator {
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: auto;
padding-left: 5px;
}
.wcf__nav-menu .wcf-menu-badge {
display: none;
font-size: 12px;
font-weight: 500;
line-height: 1;
position: absolute;
right: 15px;
padding: 5px 10px;
border-radius: 5px;
background-color: var(–badge-bg);
box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
margin-top: -22px;
}
.wcf__nav-menu .wcf-menu-badge:after {
content: “”;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid var(–badge-bg);
border-bottom-color: transparent !important;
border-inline-end-color: transparent !important;
border-inline-end-width: 7px;
border-inline-start-width: 0;
}
.wcf__nav-menu .wcf-menu-hamburger {
margin-left: auto;
cursor: pointer;
font-size: 25px;
padding: 4px 8px;
border: 1px solid #dee1e7;
outline: 0;
background: 0 0;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wcf__nav-menu.mobile-menu-active {
display: block;
}
.wcf__nav-menu.mobile-menu-active .wcf-submenu-indicator {
padding: 8px 10px;
margin: -8px -10px -8px auto;
}
.wcf__nav-menu.mobile-menu-active .wcf-menu-hamburger {
display: inline-block;
}
.wcf__nav-menu.mobile-menu-active .wcf-menu-close {
align-self: flex-end;
margin: 10px 10px 10px auto;
padding: 8px 10px;
border: 1px solid #555;
outline: 0;
background: 0 0;
font-size: 15px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 40px;
min-height: 40px;
}
.wcf__nav-menu.mobile-menu-active .wcf-menu-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
transition: 0.4s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.wcf__nav-menu.mobile-menu-active.wcf-nav-is-toggled .wcf-nav-menu-container {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wcf__nav-menu.mobile-menu-active.wcf-nav-is-toggled .wcf-menu-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container {
display: flex;
flex-direction: column;
position: fixed;
z-index: 1001;
top: 0;
bottom: 0;
width: 250px;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: 0.45s;
height: 100dvh;
max-height: 100dvh;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-100%);
left: 0;
}
.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container .wcf-nav-menu-nav {
flex: 0 0 100%;
padding: 0;
margin: 0;
order: 1;
}
.wcf__nav-menu.mobile-menu-active .menu-item {
list-style: none;
}
.wcf__nav-menu.mobile-menu-active .menu-item:not(:last-child) a {
border-bottom: solid 1px #dee1e7;
}
.wcf__nav-menu.mobile-menu-active .menu-item a {
text-decoration: none;
display: flex;
padding: 0.5em 1em;
font-size: 1rem;
line-height: 1.5em;
transition: 0.4s;
}
.wcf__nav-menu.mobile-menu-active .menu-item-has-children .sub-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
transform: translateX(100%);
transition: 0.3s;
visibility: hidden;
padding: 0;
margin: 0;
flex: 0 0 100%;
}
.wcf__nav-menu.mobile-menu-active .menu-item-has-children .sub-menu .nav-back-link {
display: flex;
align-items: center;
background-color: #064af3;
color: #fff;
border: none !important;
}
.wcf__nav-menu.mobile-menu-active .menu-item-has-children.active > .sub-menu {
transform: translateX(0);
visibility: visible;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu .sub-menu {
display: none;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu .wcf-mega-menu-panel {
display: none;
max-width: 100% !important;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.active > .wcf-mega-menu-panel {
display: block;
opacity: 1;
visibility: visible;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.mobile-wp-submenu .wcf-mega-menu-panel {
display: none !important;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.mobile-wp-submenu .sub-menu {
display: block;
}
.wcf__nav-menu.mobile-menu-active.mobile-menu-right .wcf-nav-menu-container {
// transform: translateX(100%);
right: 0;
left: auto;
transform: translateX(0);
}
.wcf__nav-menu.mobile-menu-active.mobile-menu-left .wcf-nav-menu-container {
// transform: translateX(-100%);
left: 0;
transform: translateX(0);
}
.wcf__nav-menu.desktop-menu-active {
display: block;
}
.wcf__nav-menu.desktop-menu-active .wcf-menu-close,
.wcf__nav-menu.desktop-menu-active .wcf-menu-hamburger {
display: none;
}
.wcf__nav-menu.desktop-menu-active .wcf-menu-badge {
display: block;
}
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical {
flex-direction: column;
}
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical .menu-item-has-children .sub-menu,
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical .wcf-mega-menu .wcf-mega-menu-panel {
left: 100%;
top: auto;
}
.wcf__nav-menu.desktop-menu-active .menu-item {
list-style: none;
position: relative;
white-space: nowrap;
}
.wcf__nav-menu.desktop-menu-active .menu-item a {
position: relative;
text-decoration: none;
display: flex;
padding: 0.5em 1em;
transition: 0.4s;
color: #1c1d20;
fill: #1c1d20;
}
.wcf__nav-menu.desktop-menu-active .menu-item a:after {
content: “”;
position: absolute;
left: 0;
transition: transform 0.25s ease-out;
transform: scaleX(0);
transform-origin: bottom right;
height: 2px;
width: 100%;
background-color: #3f444b;
z-index: 2;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
transform: translateY(-10px);
background: #fff;
transition: 0.3s;
padding: 0;
margin: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
min-width: 12em;
z-index: 99;
opacity: 0;
visibility: hidden;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu a {
border-top: solid 1px #dee1e7;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children:not(.wcf-mega-menu):hover > .sub-menu {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wcf__nav-menu.desktop-menu-active .wcf-mega-menu.mega-position-static {
position: static !important;
}
.wcf__nav-menu.desktop-menu-active .wcf-mega-menu .wcf-mega-menu-panel {
position: absolute;
top: 100%;
left: 0;
transform: translateY(-10px);
transition: 0.3s;
padding: 0;
margin: 0;
min-width: 12em;
z-index: 99;
opacity: 0;
visibility: hidden;
}
.wcf__nav-menu.desktop-menu-active .wcf-mega-menu:hover > .wcf-mega-menu-panel {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:after {
width: 6px;
height: 6px;
border-radius: 100px;
bottom: 0;
left: 50%;
transform: translateX(-50%) scale(0);
transform-origin: center;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:hover:after {
transform: translateX(-50%) scale(1);
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-underline a:after {
bottom: 0;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-underline a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-overline a:after {
top: 0;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-overline a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-line-through a:after {
top: 50%;
transform: translateY(-50%) scaleX(0);
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-line-through a:hover:after {
transform: translateY(-50%) scaleX(1);
transform-origin: bottom left;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a .menu-text {
position: relative;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a .menu-text:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a:hover .menu-text {
transform: rotateX(90deg) translateY(-12px);
}
Back
.elementor-widget-wcf–blog–search–form {
svg {
height: 1em;
width: 1em;
}
.wcf-search-form button,
.wcf-search-form input[type=search] {
margin: 0;
border: 0;
outline: none;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
min-width: 0;
font-size: 15px;
-webkit-appearance: none;
-moz-appearance: none;
}
.wcf-search-form__input {
flex-basis: 100%;
padding: 10px 20px;
}
.wcf-search-form {
display: flex;
background: #f1f2f3;
border-radius: 3px;
overflow: hidden;
border: 0 solid transparent;
min-height: 50px;
.wcf-search-form__submit {
background-color: #54595FFF;
color: #fff;
fill: #fff;
min-width: 60px;
transition: 0.3s;
cursor: pointer;
}
}
.wcf-search-form button:focus,
.wcf-search-form input[type=search]:focus {
outline: 0;
color: inherit
}
.wcf-search-form__input::-moz-placeholder {
color: inherit;
font-family: inherit;
opacity: .6
}
.wcf-search-form__input::placeholder {
color: inherit;
font-family: inherit;
opacity: .6
}
/*toggle
*/
.toggle–close,
.toggle–open {
line-height: 1;
cursor: pointer;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.toggle–close {
display: none;
}
.wcf-search-toggle {
position: relative;
display: inline-flex;
justify-content: center;
vertical-align: middle;
background-color: rgba(0, 0, 0, .05);
border: 0 solid #33373d;
border-radius: 3px;
transition: 0.3s;
}
/*
//style classic
*/
.search–wrapper.style-classic {
}
/*
//style dropdown
*/
.search–wrapper.style-dropdown {
.wcf-search-container {
position: absolute;
width: 300px;
top: 100%;
opacity: 0;
z-index: 99;
visibility: hidden;
transition: all 0.5s;
transform: translateY(20px);
&.search-position-right {
right: 0;
}
&.search-position-left {
left: 0;
}
}
&.search-visible {
.toggle–open {
display: none;
}
.toggle–close {
display: flex;
}
.wcf-search-container {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
}
/*
//style dropdown
*/
.search–wrapper.style-full-screen {
.wcf-search-container {
position: fixed;
width: 100%;
height: 100vh;
transform: scale(0);
background: #ddd;
top: 0;
left: 0;
z-index: 99;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
&.ajax-fs-wrap {
padding-top: 15px;
flex-direction: unset;
align-items: flex-start;
.selected-category-display {
position: absolute;
top: 70px;
}
}
}
.toggle–close {
display: flex;
cursor: pointer;
position: absolute;
right: 30px;
top: 30px;
transition: .3s;
}
.wcf-search-form {
width: 300px;
}
&.search-visible {
.wcf-search-container {
opacity: 1;
visibility: visible;
transform: scale(1);
}
}
}
}
/*
// Live Search Results
*/
.aae–live-search-results {
position: absolute;
width: 100%;
height: auto;
display: none;
gap: 10px;
padding: 30px;
border-radius: 5px;
background-color: #ddd;
z-index: 99;
.search-item {
gap: 12px;
display: grid;
grid-template-columns: 90px auto;
align-items: center;
}
.thumb {
height: 60px;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.title {
display: inline-block;
}
}
.elementor-widget-wcf–blog–search–form .search–wrapper.style-full-screen .wcf-search-container.ajax-search {
align-items: flex-start;
padding-top: 15px;
}
/*
// Search Filtering
*/
.aae–search-filter {
gap: 20px;
display: flex;
align-items: center;
margin-right: 15px;
button {
cursor: pointer;
padding: 0;
}
.date-container,
.category-container {
position: relative;
}
.date-toggle,
.category-toggle {
cursor: pointer;
font-size: 15px;
display: flex;
align-items: center;
gap: 5px;
.icon {
line-height: 0;
}
}
.date-dropdown,
.category-dropdown {
display: none;
position: absolute;
top: 40px;
right: 0;
width: 300px;
background-color: #fff;
border: 1px solid #1212120D;
z-index: 100;
}
.date-container.active .date-dropdown,
.category-container.active .category-dropdown {
display: block;
}
.preset-options,
.category-list {
list-style: none;
padding: 0;
margin: 0;
}
.preset-options li,
.category-list li {
padding: 8px 15px;
cursor: pointer;
font-size: 14px;
&.selected {
background: #ddd;
}
}
.date-buttons,
.category-footer {
gap: 15px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15px;
}
.custom-range {
display: flex;
flex-direction: column;
gap: 6px;
padding: 15px;
.wrap {
display: grid;
}
}
.custom-range label {
font-size: 14px;
}
.custom-range input[type=”date”] {
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
}
.active-filter {
.wcf-search-form {
overflow: unset;
}
}
.selected-category-display {
.category-pill {
font-size: 14px;
}
}
Search
Close this search box
Follow Us
Coustomer Care
.wcf__nav-menu {
display: none;
}
.wcf__nav-menu svg {
width: 1em;
height: 1em;
}
.wcf__nav-menu .wcf-submenu-indicator {
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: auto;
padding-left: 5px;
}
.wcf__nav-menu .wcf-menu-badge {
display: none;
font-size: 12px;
font-weight: 500;
line-height: 1;
position: absolute;
right: 15px;
padding: 5px 10px;
border-radius: 5px;
background-color: var(–badge-bg);
box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
margin-top: -22px;
}
.wcf__nav-menu .wcf-menu-badge:after {
content: “”;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid var(–badge-bg);
border-bottom-color: transparent !important;
border-inline-end-color: transparent !important;
border-inline-end-width: 7px;
border-inline-start-width: 0;
}
.wcf__nav-menu .wcf-menu-hamburger {
margin-left: auto;
cursor: pointer;
font-size: 25px;
padding: 4px 8px;
border: 1px solid #dee1e7;
outline: 0;
background: 0 0;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wcf__nav-menu.mobile-menu-active {
display: block;
}
.wcf__nav-menu.mobile-menu-active .wcf-submenu-indicator {
padding: 8px 10px;
margin: -8px -10px -8px auto;
}
.wcf__nav-menu.mobile-menu-active .wcf-menu-hamburger {
display: inline-block;
}
.wcf__nav-menu.mobile-menu-active .wcf-menu-close {
align-self: flex-end;
margin: 10px 10px 10px auto;
padding: 8px 10px;
border: 1px solid #555;
outline: 0;
background: 0 0;
font-size: 15px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 40px;
min-height: 40px;
}
.wcf__nav-menu.mobile-menu-active .wcf-menu-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
transition: 0.4s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.wcf__nav-menu.mobile-menu-active.wcf-nav-is-toggled .wcf-nav-menu-container {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wcf__nav-menu.mobile-menu-active.wcf-nav-is-toggled .wcf-menu-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container {
display: flex;
flex-direction: column;
position: fixed;
z-index: 1001;
top: 0;
bottom: 0;
width: 250px;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: 0.45s;
height: 100dvh;
max-height: 100dvh;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-100%);
left: 0;
}
.wcf__nav-menu.mobile-menu-active .wcf-nav-menu-container .wcf-nav-menu-nav {
flex: 0 0 100%;
padding: 0;
margin: 0;
order: 1;
}
.wcf__nav-menu.mobile-menu-active .menu-item {
list-style: none;
}
.wcf__nav-menu.mobile-menu-active .menu-item:not(:last-child) a {
border-bottom: solid 1px #dee1e7;
}
.wcf__nav-menu.mobile-menu-active .menu-item a {
text-decoration: none;
display: flex;
padding: 0.5em 1em;
font-size: 1rem;
line-height: 1.5em;
transition: 0.4s;
}
.wcf__nav-menu.mobile-menu-active .menu-item-has-children .sub-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
transform: translateX(100%);
transition: 0.3s;
visibility: hidden;
padding: 0;
margin: 0;
flex: 0 0 100%;
}
.wcf__nav-menu.mobile-menu-active .menu-item-has-children .sub-menu .nav-back-link {
display: flex;
align-items: center;
background-color: #064af3;
color: #fff;
border: none !important;
}
.wcf__nav-menu.mobile-menu-active .menu-item-has-children.active > .sub-menu {
transform: translateX(0);
visibility: visible;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu .sub-menu {
display: none;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu .wcf-mega-menu-panel {
display: none;
max-width: 100% !important;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.active > .wcf-mega-menu-panel {
display: block;
opacity: 1;
visibility: visible;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.mobile-wp-submenu .wcf-mega-menu-panel {
display: none !important;
}
.wcf__nav-menu.mobile-menu-active .wcf-mega-menu.mobile-wp-submenu .sub-menu {
display: block;
}
.wcf__nav-menu.mobile-menu-active.mobile-menu-right .wcf-nav-menu-container {
// transform: translateX(100%);
right: 0;
left: auto;
transform: translateX(0);
}
.wcf__nav-menu.mobile-menu-active.mobile-menu-left .wcf-nav-menu-container {
// transform: translateX(-100%);
left: 0;
transform: translateX(0);
}
.wcf__nav-menu.desktop-menu-active {
display: block;
}
.wcf__nav-menu.desktop-menu-active .wcf-menu-close,
.wcf__nav-menu.desktop-menu-active .wcf-menu-hamburger {
display: none;
}
.wcf__nav-menu.desktop-menu-active .wcf-menu-badge {
display: block;
}
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical {
flex-direction: column;
}
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical .menu-item-has-children .sub-menu,
.wcf__nav-menu.desktop-menu-active .wcf-nav-menu-nav.menu-layout-vertical .wcf-mega-menu .wcf-mega-menu-panel {
left: 100%;
top: auto;
}
.wcf__nav-menu.desktop-menu-active .menu-item {
list-style: none;
position: relative;
white-space: nowrap;
}
.wcf__nav-menu.desktop-menu-active .menu-item a {
position: relative;
text-decoration: none;
display: flex;
padding: 0.5em 1em;
transition: 0.4s;
color: #1c1d20;
fill: #1c1d20;
}
.wcf__nav-menu.desktop-menu-active .menu-item a:after {
content: “”;
position: absolute;
left: 0;
transition: transform 0.25s ease-out;
transform: scaleX(0);
transform-origin: bottom right;
height: 2px;
width: 100%;
background-color: #3f444b;
z-index: 2;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
transform: translateY(-10px);
background: #fff;
transition: 0.3s;
padding: 0;
margin: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
min-width: 12em;
z-index: 99;
opacity: 0;
visibility: hidden;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu a {
border-top: solid 1px #dee1e7;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.wcf__nav-menu.desktop-menu-active .menu-item-has-children:not(.wcf-mega-menu):hover > .sub-menu {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wcf__nav-menu.desktop-menu-active .wcf-mega-menu.mega-position-static {
position: static !important;
}
.wcf__nav-menu.desktop-menu-active .wcf-mega-menu .wcf-mega-menu-panel {
position: absolute;
top: 100%;
left: 0;
transform: translateY(-10px);
transition: 0.3s;
padding: 0;
margin: 0;
min-width: 12em;
z-index: 99;
opacity: 0;
visibility: hidden;
}
.wcf__nav-menu.desktop-menu-active .wcf-mega-menu:hover > .wcf-mega-menu-panel {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:after {
width: 6px;
height: 6px;
border-radius: 100px;
bottom: 0;
left: 50%;
transform: translateX(-50%) scale(0);
transform-origin: center;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:hover:after {
transform: translateX(-50%) scale(1);
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-underline a:after {
bottom: 0;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-underline a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-overline a:after {
top: 0;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-overline a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-line-through a:after {
top: 50%;
transform: translateY(-50%) scaleX(0);
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-line-through a:hover:after {
transform: translateY(-50%) scaleX(1);
transform-origin: bottom left;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a .menu-text {
position: relative;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a .menu-text:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
}
.wcf__nav-menu.desktop-menu-active.hover-pointer-flip a:hover .menu-text {
transform: rotateX(90deg) translateY(-12px);
}
Back
Keep Wonder👀
Be the first to discover new drops, special offers, and unexpected beauty moments.
Showing the single result
