.menu li {
display: inline-block;
padding-right: 22px;
font-size: 14px;
}
.menu > li:last-child {
padding-right: 0;
}
.menu a {
display: block;
position: relative;
color: rgba(0, 0, 0, 0.6);
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.menu a:hover {
opacity: 0.7;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.menu li > a {
padding-bottom: 29px;
word-wrap: break-word;
} .et_pb_menu .menu-nav,
.et_pb_menu .menu-nav > ul {
float: none;
position: relative;
}
.et_pb_menu .menu-nav > ul {
padding: 28px 0 0 !important;
line-height: 1.7em;
}
.menu > .menu-item-has-children > a:first-child:after {
position: absolute;
top: 0;
right: 0;
font-family: "ETmodules";
font-size: 16px;
font-weight: 800;
content: "3";
}
.menu > .menu-item-has-children > a:first-child {
padding-right: 20px;
}
.et_pb_menu .menu-nav > ul ul {
padding: 20px 0;
text-align: left;
}
.et_pb_bg_layout_dark.et_pb_menu ul li a {
color: #fff;
}
.et_pb_bg_layout_dark.et_pb_menu ul li a:hover {
color: rgba(255, 255, 255, 0.8);
}
.menu li li.menu-item-has-children > a:first-child:after {
top: 12px;
}
.et_pb_menu .menu-nav > ul.upwards {
padding: 0 0 29px !important;
}
.et_pb_menu .menu-nav > ul.upwards > li {
padding-top: 28px;
}
.et_pb_menu .menu-nav > ul.upwards > li > a {
padding-bottom: 0;
}
.et_pb_menu .menu-nav > ul.upwards li ul {
top: initial;
bottom: 100%;
border-top: none;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #2ea3f2;
-webkit-box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
}
.et_pb_menu .menu-nav > ul.upwards li ul li ul {
bottom: -23px;
}
.et_pb_menu .menu-nav > ul.upwards li.mega-menu ul ul {
top: initial;
bottom: 0;
border: none;
}
.et_pb_menu .menu-nav > ul.upwards li.mega-menu > ul {
bottom: 76px;
}
.et_pb_menu .et_pb_row {
padding: 0;
}
@media (max-width: 980px) {
.et_pb_menu .menu-nav {
display: none;
}
.et_pb_menu .et_pb_row {
min-height: 81px;
}
.et_pb_menu .et_mobile_nav_menu {
float: none;
}
.et_pb_menu .mobile_menu_bar:before {
top: 26px;
}
.et_pb_menu .et_mobile_menu {
top: 81px;
padding: 5%;
}
.et_pb_menu .et_mobile_menu ul {
padding: 0;
}
.et_pb_menu .et_mobile_menu,
.et_pb_menu .et_mobile_menu ul {
text-align: left;
list-style: none !important;
}
}
@media (max-width: 980px) {
.et_mobile_nav_menu {
display: block;
}
} li.mega-menu {
position: initial !important;
}
li.mega-menu > ul {
position: absolute !important;
left: 0 !important;
width: 100% !important;
padding: 30px 20px;
}
li.mega-menu ul li {
display: block !important;
float: left !important;
margin: 0;
}
li.mega-menu > ul > li:nth-of-type(4n) {
clear: right;
}
li.mega-menu > ul > li:nth-of-type(4n+1) {
clear: left;
}
li.mega-menu ul li li {
width: 100%;
}
li.mega-menu li > ul {
position: relative;
top: auto !important;
left: auto !important;
width: 90% !important;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
}
li.mega-menu li ul {
display: none;
visibility: visible;
opacity: 1;
}
li.mega-menu.et-hover li ul {
display: block;
}
li.mega-menu:hover > ul {
visibility: visible !important;
opacity: 1 !important;
}
li.mega-menu > ul > li > a {
width: 90%;
padding: 0 20px 10px;
}
li.mega-menu > ul > li > a:first-child {
padding-top: 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
font-weight: bold;
}
li.mega-menu > ul > li > a:first-child:hover {
background-color: transparent !important;
}
li.mega-menu li > a {
width: 100%;
}
li.mega-menu.mega-menu-parent li li,
li.mega-menu.mega-menu-parent li > a {
width: 100% !important;
}
li.mega-menu.mega-menu-parent li > .sub-menu {
float: left;
width: 100% !important;
}
li.mega-menu > ul > li {
width: 25%;
margin: 0;
}
li.mega-menu.mega-menu-parent-3 > ul > li {
width: 33.33%;
}
li.mega-menu.mega-menu-parent-2 > ul > li {
width: 50%;
}
li.mega-menu.mega-menu-parent-1 > ul > li {
width: 100%;
}
li.mega-menu .menu-item-has-children > a:first-child:after {
display: none;
}
li.mega-menu > ul > li > ul > li {
width: 100%;
margin: 0;
}
.menu .mega-menu li > a {
padding-bottom: 10px !important;
}
.et_pb_menu .menu-nav > ul .mega-menu ul {
text-align: left;
}
.menu .mega-menu li li a {
padding: 6px 0px !important;
}
.menu li li a {
padding: 6px 20px;
}
.et_pb_column {
z-index: inherit;
}