.mega-menu-item .mega-menu-content ul,
.mega-menu-item .mega-menu-content li,
.mega-menu-item .mega-menu-content a {
position: static;
display: inline;
float: none;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
font-size: 100%;
font: inherit;
text-transform: none;
vertical-align: baseline;
width: auto;
min-width: auto;
left: auto;
top: auto;
}
.mega-menu-item .mega-menu-content ul {
display: block;
margin: 0 0 1.5em 3em;
}
.mega-menu-item .mega-menu-content a
.mega-menu-item .mega-menu-content a:link,
.mega-menu-item .mega-menu-content a:visited,
.mega-menu-item .mega-menu-content a:hover,
.mega-menu-item .mega-menu-content a:active,
.mega-menu-item .mega-menu-content a:focus {
background: none;
text-transform: none;
text-decoration: none;
} .mega-menu-item .sub-menu {
display: none;
visibility: hidden;
} .mega-menu-item .mega-menu-content {
position: absolute;
display: none;
visibility: visible;
left: 0;
top: 100%;
width: 100%;
z-index: 999;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mega-menu-item .mega-menu-content .mega-menu-widget {
display: none;
}
.mega-menu-item:hover > .mega-menu-content,
.mega-menu-item:hover > .mega-menu-content .mega-menu-widget {
display: block;
} .mega-menu-item:hover > .mega-menu-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mega-menu-item .mega-menu-content > li {
display: inline-block;
padding-right: 2em;
width: 100%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mega-menu-item .mega-menu-two-columns > li {
width: 50%;
}
.mega-menu-item .mega-menu-three-columns > li {
width: 33.3333333333%;
}
.mega-menu-item .mega-menu-four-columns > li {
width: 25%;
}
.mega-menu-item .mega-menu-five-columns > li {
width: 20%;
}
.mega-menu-item .mega-menu-six-columns > li {
width: 16.6666666667%;
} .mega-menu-item .mega-menu-content {
padding: 2em 0 0 2em;
}
.mega-menu-content .mega-menu-widget {
margin: 0 0 2em;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.mega-menu-content .mega-menu-widget .mega-menu-widget-header-title {
margin: 0 0 1em;
}
.mega-menu-content .mega-menu-widget ul {
margin: 0;
padding: 0;
}
.mega-menu-content .mega-menu-widget ul li {
display: block;
}