/*
 Theme Name:     Divi Child
 Description:    Divi Child Theme
 Author:         Web Design Davao
 Author URI:     https://webdesigndavao.xyz
 Template:       Divi
 Version:        4.0.6
*/
 
 
/* =Theme customization starts here ---- */

/* ************************************************* */
/* MOBILE MENU SLIDE IN EFFECT - FIXED MOBILE HEADER */
/* ************************************************* */

/* Fix the mobile header */

/*h1, h2,h3,h4,h5{*/
/*    font-weight: 400;*/
/*}*/

@media all and (max-width: 980px){
    header.et-l.et-l--header {
        position: fixed;
        z-index: 99;
        width: 100%;
    }
}

@media all and (min-width: 768px) and (max-width: 980px){
    div#main-content {
        padding-top: 116px;
    }
}

@media all and (max-width: 767px){
    div#main-content {
        padding-top: 90px;
    }
}

/* Set the mobile menu full height and move it down so it doesn't overlap the fixed header */
/* Adjust the 80px set in the height calc value to match the height of your mobile menu */
header .et_mobile_menu {
    display: block !important;
    height: calc(100vh - 80px);
  right: 0;
    position: fixed;
  overflow: auto;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
    top: 22% !important;
    padding-bottom: 130px !important;
}
@media (max-width: 767px) {
    header .et_mobile_menu {
        top: 20% !important;
    }
}

/* Move the mobile menu fully off the screen when closed using translateX(100%) */
.mobile_nav.closed .et_mobile_menu {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* Move the mobile menu back onto the screen when open using translateX(0%) */
.mobile_nav.opened .et_mobile_menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}



.et_mobile_menu 
    li.mega-menu.menu-item-has-children > 
    ul.sub-menu li.menu-item-has-children > 
    ul.sub-menu li.menu-item-has-children > a {
    /* font-family: 'Rubik'; */
    /* font-size: 14px !important; */
        color: #00a4d0 !important;
}
.et_mobile_menu 
    li.mega-menu.menu-item-has-children > 
    ul.sub-menu li.menu-item-has-children > 
    ul.sub-menu li.menu-item-has-children  a {
    /* font-family: 'Rubik'; */
    /* font-size: 13px; */
    padding: 3px 0px;
}
.et_mobile_menu 
    li.mega-menu.menu-item-has-children > 
    ul.sub-menu li.menu-item-has-children > 
    ul.sub-menu li{
    padding: 3px 0px;
}

.et_mobile_menu 
    li.mega-menu.menu-item-has-children > 
    ul.sub-menu li.menu-item-has-children > a{
        padding-left: 0;
        color: #99cb47 !important;
    }