/*======================================
Theme Name: Mobytic
Theme URI: https://divicake.com/
Description: Divi Child Theme
Version: 1.0
Author: Mobytic
Author URI: https://mobytic.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

* {
	--mb-color-green: #02735e;
	--after-bg-color: #02735e;
}



#menu-menu-header > li {
	padding: 20px 4px;
}

#menu-menu-header ul.sub-menu {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	
	position: fixed !important;
	left: 0!important;
	right: 0!important;
	top: 70px;
	
	border-top: var(--mb-color-green);
	border-right: 0;
	border-left: 0;
}

#menu-menu-header ul.sub-menu>li,
#menu-menu-header ul.sub-menu>li>a {
	width: 100% !important;
}

#menu-menu-header ul.sub-menu>li>a {
	text-transform: none;
}

#rmp_menu_trigger-474 {
	z-index: 999999999 !important;
}

#rmp_menu_trigger-474 .responsive-menu-pro-inner,
#rmp_menu_trigger-474 .responsive-menu-pro-inner::before, 
#rmp_menu_trigger-474 .responsive-menu-pro-inner::after {
	background-color: var(--after-bg-color);
}

.has_et_pb_sticky #menu-menu-header ul.sub-menu>li>a {
	color: var(--mb-color-green);
}

.has_et_pb_sticky #rmp_menu_trigger-474 .responsive-menu-pro-inner {
	background-color: white !important;
}

@media screen and (max-width: 1024px) {
	header .et_pb_image_wrap {
		margin: 20px 0;
	}
	#menu-menu-header{
		display: none;
	}
}