/*
 Theme Name:   Praxis Dr. Gabriele Pohl
 Theme URI:    https://dr-med-gabriele-pohl.de
 Description:  GP Child Theme
 Author:       Marco Romano
 Author URI:   https://k7media.de
 Template:     generatepress
 Version:      0.1
*/

@media (min-width: 1025px) {
/* Main Menu Setting */
.nav-float-right #site-navigation {
        margin-left: 0;
}
.main-navigation {
	width: 100%;
}
#primary-menu {
	width: 100%;
}

.main-navigation li:first-child {
	margin-left: auto;	
}
.main-navigation li:nth-last-child(1) {
	margin-left: auto;
}
/* Natural */
.main-navigation .main-nav ul li:last-child.nav-button a {
	color: var(--accent);
	background-color: #fff;
	border: 1px solid var(--accent);
}
/* Hover */
.main-navigation .main-nav ul li:last-child.nav-button a:hover {
	color: #fff;
	background-color: var(--accent);
	border: 1px solid var(--accent);
}
}

/* Mega Menu */
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        /*flex-wrap: wrap;*/
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: normal;
    }
	nav .main-nav .mega-menu > ul > li.border-bottom > a {
        border-bottom: 1px solid var(--accent);
		font-weight: bold;
    }
	nav .main-nav .mega-menu > ul > li > ul.sub-menu > li.border-bottom > a {
        border-bottom: 1px solid var(--accent);
		font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}