/*
 Theme Name:   Divi - Max Mega Menu
 Description:  A child theme for Divi 2.x
 Author:       Tom Hemsley
 Author URI:   https://www.maxmegamenu.com
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/** Relatively position the logo **/
.et_header_style_left div.logo_container {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.et_hide_primary_logo #main-header div.logo_container {
    display: none;
}

/** On smaller screens, make sure the menu is on a new line below the logo */
#mega-menu-wrap-primary-menu {
    clear: both;
}

/** On wider screens, float the menu over to the right of the logo **/
@media only screen and (min-width: 980px) {
    #mega-menu-wrap-primary-menu {
        float: right;
        clear: none;
    }

    .et_fullwidth_nav #mega-menu-wrap-primary-menu {
        float: right;
        clear: none;
    }

}


@media only screen and (max-width: 979px) {
	.et_header_style_left div.logo_container {
		width: 150px;
	}
	.et_header_style_left #logo, .et_header_style_split #logo {
		max-width: 100%;
	}
	#mega-menu-wrap-primary-menu {
    clear: none;
	}
    
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link 
    {
	padding: 0px 4px 4px 4px;
    line-height: 40px;
    height: 40px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -ms-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;		
	}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	}
}
@media only screen and (max-width: 600px) {
	.et_header_style_left div.logo_container 
	{
		float:none;
		clear:both;
		}
	.et_header_style_left div.logo_container {
		width: 300px;
		margin: 20px auto 0;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link 
	{
		}
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link 
    {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px
    -o-border-radius: 0px;
    border-radius: 0px;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link 
    {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px
    -o-border-radius: 0px;
    border-radius: 0px;
		}
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu 
    {
		width:100%!important;
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		-ms-box-shadow: none!important;
		-o-box-shadow: none!important;
		box-shadow: none!important;
		}
}


/** Make menu full width when both logo is hidden and full width nav is enabled */
.et_fullwidth_nav.et_hide_primary_logo #main-header .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}

/** Display secondary menu on mobiles **/
#top-header #et-secondary-nav,
#top-header #et-secondary-menu,
#top-header {
    display: inline-block !important;
}