/*
 Theme Name:   Divi - Max Mega Menu
 Description:  A child theme for Divi 3.0.66+
 Author:       Tom Hemsley
 Author URI:   https://www.maxmegamenu.com
 Template:     Divi
 Version:      1.2
 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: 20px;
    padding-bottom: 20px;
}

.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;
    }

}

/** 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;
}