/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0.1
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");

/* Custom Styles for Menu and Donate Button */
.et-menu li a {
  padding: 10px 10px; /* Apply padding to all menu items */
  display: inline-block; /* Ensure the anchor tags are inline blocks */
  text-decoration: none; /* Remove underline from links */
  color: inherit; /* Inherit color from parent */
}

/* Target the Donate menu item more specifically */
#menu-item-250 > a,
.et_pb_menu_page_id-207.menu-item-250 > a,
body .et-menu li#menu-item-250 > a {
  background-color: #FF5757 !important;
  color: white !important;
  padding: 10px 20px !important;
  border-radius: 20px !important;
}
/* Target the Donate menu item more specifically */
#menu-item-604 > a,
.et_pb_menu_page_id-207.menu-item-604 > a,
body .et-menu li#menu-item-604 > a {
  background-color: #0c428d !important;
  color: white !important;
  padding: 10px 20px !important;
  border-radius: 20px !important;
}
#menu-item-250 a:hover {
  background-color: #324C82 !important; /* Darker red on hover */
}

/* Ensure proper styling for general menu and layout */
.et-menu li {
  display: inline-block; /* Ensure menu items are inline */
  font-size: 16px; /* Set font size for readability */
}

.et-menu li a {
  text-decoration: none; /* Remove underline from links */
  color: inherit; /* Inherit color from parent */
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
  margin-top: 8px;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li {
  position: relative;
  display: flex;
  align-items: stretch;
  margin: 0;
}

.et-menu > li:last-child {
  padding-right: 0;
}

.et-menu li {
  font-size: 14px;
  padding-right: 22px;
}

.nav li {
  position: relative;
  line-height: 1em;
}

.et_pb_module.et_pb_text_align_right {
  text-align: right;
}

/* Body Styling */
body {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 14px;
  color: #666;
  background-color: #fff;
  line-height: 1.7em;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*prevent horizontal scroll on mobile*/
@media all and (max-width: 980px) {
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
}