/*
 Theme Name:   wonderbuild
 Template:     Divi
*/


@import url("../Divi/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

/* MAKE MOBILE MENU SCROLLABLE */
.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1400px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
#et_top_search {margin-top: 10px;}

}

/* MOBILE MENU TEXT WITH CLOSE AND OPEN X */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #19737F;
    font-size:20px;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}



/* LOGO BIGGER ON MOBILE AND TABLET */
    @media only screen and (max-width: 980px) {
    #logo {
        height: 90% !important;
        max-height: 90% !important;
        width: auto;
        max-width: 90% !important;
        }
    }

.et_mobile_menu li a {
    text-transform: uppercase;
}


.submenu-title a {
  color: #98c33d !important;
  font-size: 14px !important;
  margin-left: -12px;
}







/* MENU SUPPORT BUTTON */
.support{border-radius: 0px;}
.support a {color: #fff!important;}

li.support {
	background-color:#000000; 
	font-weight: 700; 
	text-transform: uppercase; 
	text-align: center; 
	padding: 10px 10px 10px 10px !important;
	border-radius: 1px;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
    margin: -5px 20px 10px 0px !important;
}
	
li.support:hover {background-color:#000000 !important;}
.et-fixed-header #top-menu li.support a {color: #FFFFFF !important;}


@media only screen and (min-width : 981px) {
            li.support {height: 33px;}}

.et_mobile_menu li.support  {
  height:50px !important;
  margin-top: 20px !important;
}
.et_mobile_menu li.support a {
  padding: 5px !important;
}


/* MAIN MENU SUBNAV MAKE WIDER */
.nav li ul {width:300px !important;}
#top-menu li li a {width: 260px;}

/* TOGGLE BUTTONS */
.et_pb_toggle_title:before {
    color: #9bc248;
}

/* VERTICALLY ALIGN CONTENT MODULES IN A ROW */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 


/* full width header button alignment on mobile */
@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}


/* MAIN MENU SUBNAV MAKE WIDER */
.nav li ul {width:320px !important;}
#top-menu li li a {width: 280px;}


/* FOOTER INFO ALIGN CENTER */
#footer-info {text-align:center !important; float:none !important;}



/* TOGGLE ICONS ON THE LEFT */
.et_pb_toggle .et_pb_toggle_title:before {
	left: 0 !important;
}
 .et_pb_toggle_title,
 .et_pb_toggle_content {
	padding-left: 2em !important
}
.et_pb_toggle_title:before {
    content: "\E050";
    position: absolute;
    right: 0;
    font-size: 24px;
    color: #ccc !important;

}