/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body {
    font-family: var(--font-family);
}


header{
    position: relative;
}
.main-navigation > ul li.has-mega-menu {
    position: static;
}
.mega-menu {
    position: absolute;
    z-index: 20;
    right: 0;
    left: 0;
    margin: auto;
    top: 100%;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.main-navigation > ul li.has-mega-menu:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}