.ubermenu,
.ubermenu .ubermenu-nav,
.ubermenu .ubermenu-item,
.ubermenu .ubermenu-target,
.ubermenu .ubermenu-submenu,
.ubermenu .ubermenu-column,
.ubermenu .ubermenu-row,
.ubermenu .ubermenu-divider,
.ubermenu .ubermenu-icon,
.ubermenu .ubermenu-image,
.ubermenu-responsive-toggle {
margin: 0;
padding: 0;
list-style: none;
border: none;
box-sizing: border-box;
background: transparent;
text-decoration: none;
text-transform: none;
line-height: 1.3em;
position: static;
z-index: 10;
height: auto;
width: auto;
left: auto;
right: auto;
top: auto;
bottom: auto;
text-indent: 0;
clip: auto;
overflow: visible;
box-shadow: none;
vertical-align: top;
border-radius: 0;
pointer-events: auto;
} .ubermenu .ubermenu-item {
text-align: left;
} .ubermenu ul,
.ubermenu li {
margin: 0;
padding: 0;
list-style: none;
} .ubermenu {
display: block;
text-align: left;
line-height: 1.3em;
z-index: 100;
}
.ubermenu .ubermenu-nav {
display: block;
margin: 0;
padding: 0;
z-index: 10;
text-align: inherit;
}
.ubermenu-bar-inner-center .ubermenu-nav {
margin: 0 auto;
}
.ubermenu-bar-align-right {
float: right;
}
.ubermenu .ubermenu-has-submenu-flyout {
position: relative;
}
.ubermenu .ubermenu-target {
display: block;
position: relative;
padding: 15px 20px;
}
.ubermenu .ubermenu-item-level-0 > .ubermenu-target {
cursor: pointer;
}
.ubermenu .ubermenu-target-title,
.ubermenu .ubermenu-target-text {
display: inline-block;
color: inherit;
font-family: inherit;
font-weight: inherit;
} .ubermenu .ubermenu-custom-content-padded {
padding-right: 20px;
} .ubermenu .ubermenu-submenu-drop {
position: absolute;
top: 100%;
left: 0;
z-index: 500;
visibility: hidden;
opacity: 0;
transition: opacity .3s ease, visibility 0s linear .3s;
}
.ubermenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.ubermenu .ubermenu-submenu-align-right_edge_item {
left: auto;
right: 0;
}
.ubermenu .ubermenu-submenu-align-full_width {
left: 0;
}
.ubermenu .ubermenu-submenu-type-mega {
width: 100%;
}
.ubermenu .ubermenu-submenu-type-mega > .ubermenu-item {
display: block;
float: left;
width: auto;
}
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item {
display: block;
float: none;
position: relative;
} .ubermenu-responsive-toggle {
display: none;
float: right;
text-align: center;
padding: 15px 20px;
color: #888;
cursor: pointer;
} .ubermenu-responsive-toggle .fa {
width: 1.3em;
text-align: center;
margin-right: .6em;
}
.ubermenu-responsive-toggle-align-right {
float: right;
}
@media screen and (min-width: 1101px) {
.ubermenu-items-align-center {
text-align: center;
}
.ubermenu-horizontal .ubermenu-item-level-0 {
display: inline-block;
float: none;
text-align: left;
width: auto !important;
}
.ubermenu-responsive-toggle {
display: none;
}
.ubermenu {
display: block !important;
}
}
@media screen and (max-width: 1100px) {
.ubermenu-responsive-toggle {
display: block;
}
.ubermenu-responsive {
width: 100%;
max-height: none;
visibility: visible;
overflow: visible;
margin: 0;
}
.ubermenu-responsive.ubermenu-responsive-collapse {
display: none;
max-height: 0;
overflow: hidden;
visibility: hidden;
}
.ubermenu-responsive .ubermenu-nav {
display: block;
margin: 0 auto;
}
.ubermenu-responsive .ubermenu-item-level-0 {
display: block;
width: 100%;
float: none;
}
.ubermenu-responsive.ubermenu-items-align-center {
text-align: left;
}
.ubermenu-responsive .ubermenu-item.ubermenu-has-submenu-flyout {
position: static;
}
.ubermenu-responsive .ubermenu-submenu-drop {
position: static;
width: 100%;
min-width: 100%;
max-width: 100%;
left: 0;
top: auto;
display: none;
visibility: visible;
opacity: 1;
transition: none;
}
.ubermenu-responsive .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop {
display: block;
z-index: 20;
}
}
@media (prefers-reduced-motion: reduce) {
.ubermenu .ubermenu-submenu-drop {
transition: none;
}
}