:root {
    --hmt-header-menu-widget-submenu-width: 1260px;
}

.hexo-megalearn-theme-header-menu-widget {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    /* position: relative; */
    font-weight: 700;
}

.hexo-megalearn-theme-header-menu-widget li > a {
    color: black;
}

.hexo-megalearn-theme-header-menu-widget .menu-item {
    padding: 10px;
}

.hexo-megalearn-theme-header-menu-widget .sub-menu-item-cols {
    opacity: 0;
    z-index: 111;
    background-color: white;
    top: 170px;
    width: var(--hmt-header-menu-widget-submenu-width);
    max-width: 90vw;
    position: absolute;
    right: calc(((100% - var(--hmt-header-menu-widget-submenu-width)) / 2));
    padding-bottom: 2.5px;
    border-radius: 0 0px 10px 10px;
    visibility: hidden;
    transition: all 0.3s ease-in;
    display: flex;
}

.elementor-element:has(.hexo-megalearn-theme-header-menu-widget) {
    position: static;
}

.hexo-megalearn-theme-header-menu-widget .menu-item:hover + .sub-menu-item-cols {
    opacity: 1;
    visibility: visible;
    flex-direction: row;
    flex-wrap: wrap;
}

.hexo-megalearn-theme-header-menu-widget .menu-item + .sub-menu-item-cols .sub-menu-item-col {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.hexo-megalearn-theme-header-menu-widget .menu-item + .sub-menu-item-cols .sub-menu-item-col a {
    text-align: center;
    color: var(--hmt-primary-color);
    font-weight: 700;
}

.hexo-megalearn-theme-header-menu-widget .menu-item + .sub-menu-item-cols .sub-menu-item-col .col-subs {
    border-left: 1px solid var(--hmt-primary-color-alpha10);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.hexo-megalearn-theme-header-menu-widget .menu-item + .sub-menu-item-cols .sub-menu-item-col a.title {
    color: white;
    background-color: var(--hmt-primary-color);
    border: none;
}