/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/********* Mobile Menu Collapse ********/
/**** This hides the sub menu items on mobile ****/
#main-header .et_mobile_menu li ul.hide {
	display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/

#mobile_menu .menu-item-has-children {
	position: relative;
}
#mobile_menu .menu-item-has-children > a {
	background: transparent;
}

/**** This styles the icon and moves it to the right ****/

#mobile_menu .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;
}

/**** Here you can swap out the actual icons ****/

span.menu-closed:before {
	content: "\4c";
	display: block;
	color: #053193;
	font-size: 16px;
	font-family: ETmodules;
}

span.menu-closed.menu-open:before {
	content: "\4d";
}

div#top-header {
	display: none;
}

/* Checklist */
.check-list ul {
  column-count: 2;
}

/* Replace list symbol with checkmark */
.check-list ul {
  list-style: none; /* Remove default list style */
  margin-left:  -15px;
}

.check-list ul li {
  margin-bottom: 20px;
}

.check-list ul li > b {
  color: #123963;
  font-size: 20px;
}

.check-list li::before {
  content: "✔"; 
  font-family: Arial, sans-serif; 
  color: #123963; 
  font-size: 1.2em; 
  margin-right: 10px; 
  display: inline-block; 
}

li.break-column {
  break-before: column; 
}

/* Responsive */
@media (max-width:1180px) {
	
}
@media screen and (max-width: 981px) {

}

@media (max-width:767px) {
	img#logo {
		content: url('/wp-content/uploads/2025/01/MichealLogo-1.png');
		max-height: 100%;
		height: 80%;
		max-width: 100% !important;
	}
	
	header#main-header .container {
		height: 120px;
	}
	
	.et_header_style_left #et-top-navigation {
		padding-top: 45px;
	}

	.mobile_menu_bar:before {
		font-size: 38px;
		color: #123963;
	}
	
	#et-secondary-menu {
		display: block !important;
	}
	
	div#top-header {
		height: 50px;
		display: block;
	}

	.et-social-icons {
		display: none !important;
	}

	#et-secondary-nav {
		display: block !important;
		margin-top: 15px;
	}

	#et-secondary-nav a {
		font-size: 1.1em !important;
	}
	
	li.menu-phone {
		width: 100%;
	}
	
	li.menu-phone a {
		text-align: center;
	}

	li.menu-phone a:before {
		content: "\e090";
		font-family: ETmodules !important;
		display: inline-block;
		vertical-align: middle; /* Align the icon properly with the text */
		font-size: 22px;
		margin-right: 10px;
	}
	
	ul#mobile_menu {
		margin-top: 13px;
	}
	
	div#et_mobile_nav_menu .menu-phone {
		display: none;
	}
	
	.check-list ul {
	  column-count: 1;
	}
	
	li.break-column {
	  break-before: unset; 
	}
}

/* Navigation */
/* FIX SUB-MENU SPACING */
ul#top-menu li > ul.sub-menu li a {
    font-size: 14px;
    line-height: 1.4em;
    width: 300px;
}

ul#top-menu li.menu-wide > ul.sub-menu li a {
    width: 280px;
}

.nav li.menu-wide ul {
    width: 300px !important;
}

ul#top-menu li.menu-more-wide > ul.sub-menu li a {
    width: 380px;
}

.nav li.menu-more-wide ul {
    width: 400px !important;
}

ul#top-menu li > ul.sub-menu li {
    padding: 5px 10px;
}

.menu-shift-left > ul.sub-menu {
    right: 0;
}