/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@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-size:18px;
	font-weight: bold;
}
	
.main-navigation .main-nav ul ul li a {
    font-size: 18px;
}
    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 .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

.entry-content a {
	box-shadow: inset 0 -0.5em #e1f2fa;
	transition: box-shadow 0.2s ease-in;
}
.entry-content a:hover {
	box-shadow: inset 0 -1.5em #e1f2fa;
}
@media(min-width: 769px){
nav .main-nav .mega-menu > ul > li > ul > li > a:hover {
border-bottom: 2px solid black;
}
}

@media (min-width: 769px) {
.main-navigation .main-nav> ul > li > a:after {
    content: "";
    background-color: black;
    width: 75%;
    height: 3px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.main-navigation .main-nav > ul > li:hover > a:after {
    display:block;
}
}