File: /home/storage/c/63/6c/usesambura1/public_html/yr/wp-content/themes/hestia/assets/css/mega-menu.css
.hestia-mega-menu .hestia-mm-description {
display: block;
}
.navbar .hestia-mega-menu > .dropdown-menu {
margin: auto;
left: 0;
right: 0;
}
@media (min-width: 769px) {
.navbar .hestia-mega-menu > .dropdown-menu {
width: 750px;
left: 50%;
transform: translateX(-50%);
}
/* one item */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: 100%;
}
/* two items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(2),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(2) ~ li {
width: 50%;
}
/* three items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(3),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(3) ~ li {
width: 33.3333%;
}
/* four items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(4),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(4) ~ li {
width: 25%;
}
/* five items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5) ~ li {
width: 20%;
}
/* six items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5) ~ li {
width: 16.66666666666667%;
}
}
@media (min-width: 992px) {
.navbar .hestia-mega-menu > .dropdown-menu {
width: 970px;
}
}
@media (min-width: 1200px) {
.navbar .hestia-mega-menu > .dropdown-menu {
width: 1170px;
}
}
.navbar .navbar-nav > li.hestia-mega-menu {
position: static;
}
.navbar .hestia-mega-menu > .dropdown-menu > li > a {
margin: 0;
}
.hestia-mega-menu > .dropdown-menu {
padding: 5px;
color: #333 !important;
right: auto;
width: 100%;
left: 0;
display: table;
top: inherit;
}
.hestia-mega-menu > .dropdown-menu .divider {
height: 1px;
margin: 9px auto;
width: 75%;
}
.hestia-mega-menu:hover .hestia-mm-col > .dropdown-menu,
.hestia-mega-menu.open .hestia-mm-col > .dropdown-menu {
visibility: visible;
}
.hestia-mega-menu .hestia-mm-col {
text-align: center;
vertical-align: top;
display: table-cell;
position: relative;
padding: 5px;
}
.hestia-mega-menu .hestia-mm-col > a {
display: none;
}
.hestia-mega-menu .hestia-mm-col > .dropdown-menu {
float: none;
background: none;
box-shadow: none;
opacity: 1;
display: inline-block !important;
position: static;
left: inherit;
}
.navbar .hestia-mm-heading {
margin: 10px 5px 10px 0;
}
.navbar .hestia-mm-heading > span {
text-transform: uppercase;
padding: 7px 10px 5px 10px;
margin: 0 5px;
}
.navbar .hestia-mm-heading > .mm-heading-wrapper a:hover {
text-decoration: underline;
}
.mm-heading-wrapper a {
color: #333;
padding: 0;
}
.hestia-mm-description {
color: #333;
padding: 7px 10px 5px 10px;
margin: 0 5px;
}
.hestia_right .dropdown-menu > .hestia-mega-menu > .dropdown-menu {
display: block;
width: auto;
left: 100%;
}
.hestia_left .dropdown-menu > .hestia-mega-menu > .dropdown-menu {
display: block;
width: auto;
right: 100%;
left: auto;
top: 0;
}
@media (max-width: 768px) {
.navbar .hestia-mm-col.dropdown-submenu:hover > .dropdown-menu {
display: inline-block !important;
}
.navbar .navbar-nav .dropdown .dropdown-menu li li .mm-heading-wrapper a {
padding: 0;
}
.hestia-mega-menu > .dropdown-menu {
display: none;
}
.hestia-mega-menu > .dropdown-menu .divider {
width: 100%;
margin: 15px auto;
}
.navbar .navbar-nav .dropdown li.hestia-mm-heading {
padding: 15px 0;
}
}