.element__ready__modern_menu {
text-align: center;
}
.element__ready__modern_menu li {
display: inline-block;
padding: 10px;
margin: 0;
position: relative;
}
.element__ready__modern_menu li a {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: black;
outline: none;
text-transform: capitalize;
-webkit-transform: translateY(var(--y)) translateZ(0); -webkit-transition: -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
transition: -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
transition: transform 0.4s ease, box-shadow 0.4s ease;
padding: 15px;
}
.element__ready__modern_menu li a.s_item:hover {
transform: translateY(-4px);
}
.menu-text {
display: flex;
overflow: hidden;
text-shadow: 0 16px 0 black;
}
.menu-text span {
display: block;
backface-visibility: hidden;
font-style: normal;
transition: transform 0.4s ease;
transform: translateY(var(--m)) translateZ(0);
}
.menu-text span:nth-child(1) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.menu-text span:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.menu-text span:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.menu-text span:nth-child(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.menu-text span:nth-child(5) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.menu-text span:nth-child(6) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.menu-text span:nth-child(7) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.menu-text span:nth-child(8) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.menu-text span:nth-child(9) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.menu-text span:nth-child(10) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.menu-text span:nth-child(11) {
-webkit-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.menu-text span:nth-child(12) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.menu-text span:nth-child(13) {
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s;
}
.menu-text span:nth-child(14) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.menu-text span:nth-child(15) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.menu-text span:nth-child(16) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.menu-text span:nth-child(17) {
-webkit-transition-delay: 0.85s;
transition-delay: 0.85s;
}
.menu-text span:nth-child(18) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.menu-text span:nth-child(19) {
-webkit-transition-delay: 0.95s;
transition-delay: 0.95s;
}
.menu-text span:nth-child(20) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.menu-text span:nth-child(21) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.menu-text span:nth-child(22) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.menu-text span:nth-child(23) {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s;
}
.menu-text span:nth-child(24) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.menu-text span:nth-child(25) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
.menu-text span:nth-child(26) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.menu-text span:nth-child(27) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.menu-text span:nth-child(28) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.menu-text span:nth-child(29) {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s;
}
.menu-text span:nth-child(30) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
} .menu-text:hover span {
--m: calc(16px * -1);
}
span.menu-number {
width: 100%;
display: block;
text-align: right;
margin-bottom: 5px;
}
.element__ready__modern_menu li {
position: relative;
}
.element__ready__modern_menu li.menu-item-has-children>ul {
position: absolute
}
.element__ready__modern_menu li.menu-item-has-children>ul {
position: absolute;
background: white;
right: 0;
padding: 0;
display: none;
text-align: left; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16);
border-radius: 5px;
width: 205px;
}
.element__ready__modern_menu li.menu-item-has-children {
position: relative;
}
.element__ready__modern_menu li.menu-item-has-children>ul li.menu-item-has-children {
position: relative;
}
.element__ready__modern_menu li.menu-item-has-children>ul li.menu-item-has-children>ul {
top: 0;
right: -100% !important;
}
.element__ready__modern_menu li.menu-item-has-children>ul li {
padding: 0;
}
.element__ready__modern_menu li.er-mega-menu-builder>ul {
position: absolute;
background: white;
left: 0;
padding: 0;
display: none;
text-align: left;
padding: 10px 25px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16);
border-radius: 5px;
}
.element__ready__modern_menu li.menu-item-has-children>ul li {
display: inline;
}
.element__ready__modern_menu li.er-mega-menu-builder .element__ready__modern_menu li.menu-item-has-children>ul li a {
padding: 0;
}
.element__ready__modern_menu li.menu-item-has-children:hover>ul {
display: block;
}
.element__ready__modern_menu li.er-mega-menu-builder:hover>ul {
display: block;
}