.main-menu {
    height:2rem;
    display:flex;
                margin-bottom:0 !important;

}

.main-menu ul, .mobile-menu ul {
    margin:0;
    padding-left:0;
    width:fit-content;
}
.main-menu ul li, .mobile-menu ul li {
    display:inline-block;
    font-size:1.2rem;
    line-height:2.5rem;
    position:relative;
}
.main-menu ul.menu li.current_page_item > a {
    font-weight:bold;
    border-bottom:3px var(--pri) solid;
}
.main-menu ul li.current_page_item > a:hover,
.main-menu ul li.current_page_item > a:active,
.mobile-menu ul li.current_page_item > a:hover,
.mobile-menu ul li.current_page_item > a:active {
    border-bottom:none;
}
.main-menu ul.sub-menu li.current_page_item > a,
.mobile-menu ul.sub-menu li.current_page_item > a {
    border-bottom:none;
}

.main-menu ul li a,
.mobile-menu ul li a {
    padding:0 0;    /*top-bottom left-right */
    margin:0 15px;
    text-decoration:none;
    display:block;
    @media (max-width:991px) {
        margin:0 10px;
    }
}
.main-menu ul li a {
    color:var(--col-menuitem);
}
.mobile-menu ul li a {
    color:var(--col-mobile-menuitem);
}

.main-menu ul li a:hover,
.main-menu ul li a:active {
    color:var(--col-menuitem-hover );
}
.mobile-menu ul li a:hover,
.mobile-menu ul li a:active {
    color:var(--col-mobile-menuitem-hover );
/*    transition:.5s all;*/
}
.main-menu ul li ul li a:hover,
.main-menu ul li ul li a:active {
    color:var( --col-submenuitem-hover );
/*    transition:.5s all;*/
}

.main-menu ul li a:focus + ul,
.mobile-menu ul li a:focus + ul {
    display:block;
}

.main-menu ul.sub-menu {
    position:absolute;
    padding-left:0;
    background-color:var(--bg-submenu);
    z-index:1;
    text-align:left;
    display:none;
    padding-bottom:var(--sp03);
}
.main-menu ul .menu-item-has-children:hover>ul,
.main-menu ul .menu-item-has-children:focus+ul {
    display:block
}
.main-menu ul.sub-menu li {
    width:max-content;
    display:block;
}
.main-menu ul.sub-menu a {
    color:var(--col-submenuitem);
}
.menu-icon,
.check-button {
	cursor:pointer;
	display:none;
}
.menu-icon .bar1, 
.menu-icon .bar2, 
.menu-icon .bar3 {
    width:28px;
    height:3px;
    background-color:#333;
    margin:5px 0;
    transition:0.4s;
    border-radius:20%;
}

nav.mobile-menu {
    div.menu-mobile-menu-container {
        ul.menu {   /*ul#menu-mobile-menu*/
            display:none;
            background-color:var(--bg-submenu);
            transition:all cubic-bezier(.79,.14,.15,.86) .3s;
            z-index:1;
            width:100%;
            margin-left:auto;
            margin-right:auto;
            margin-top:var(--sp2);
            margin-top:var(--sp1);
            padding-top:var(--sp);
            padding-bottom:var(--sp);
            position:absolute;
            right:-9999px;
            li {
                display:block;
            }
            li.current_page_item > a {
                font-weight:bold;
            }
        }
    }
}

@media (max-width:767px) {
    nav.mobile-menu {
        display:block;
    }
    .menu-icon,
    .check-button {
		display:block;
	}
    .check-button{
        border:none;
        background:transparent;
    }
    .main-menu {
        display:none;
    }
    .animate-button .bar1 {
        -webkit-transform:rotate(-45deg) translate(-4px, 4px);
        transform:rotate(-45deg) translate(-4px, 4px);
    }
    .animate-button .bar2 {opacity:0;}
    .animate-button .bar3 {
        -webkit-transform:rotate(45deg) translate(-7px, -7px);
        transform:rotate(45deg) translate(-7px, -7px);
    }
    .show-dropdown {    /*document.getElementById('menu-mobile-menu') */
        right:0 !important;
        display:block !important;
    }   

}