/* Animated down arrow that originally was above the services navigation menu, removed as the dropdown for home filtration systems was removed to where rennovations menu item was and rennovations nav menu item was removed at website owners request - 16th Sept 2024 - TWD - Code commented out only in case they wish to bring it back later on */

/* Ensure the sub-menu is not displayed by default */
.main-menu .menu-item-has-children .sub-menu {
/*   display: none !important; */
/*   position: absolute; /* Position it below the parent item */ */
/*   z-index: 1000; /* Ensure it's above other content */ */
/*   background-color: white; /* Background color of the dropdown */ */
/*   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Optional: Add some shadow for depth */ */
  /* Rounded corners */
  border-radius: 20px; Adjust as needed for desired roundness
  /* Border style */
/*   border: 6px solid #26509a; /* 3px thick border with the specified color */ */
  /* Padding around the dropdown menu */
/*   padding: 10px 0; /* Adds padding inside the dropdown, adjust as needed */ */
}

/* Display the sub-menu on hover of the parent item */
/* .main-menu .menu-item-has-children:hover .sub-menu {
  display: block !important;
  background-color: white; */
}

/* Style for sub-menu items */
.main-menu .sub-menu li {
/*   white-space: nowrap; /* Prevent text wrapping */ */
/*   background-color: white; */
  /* Additional styling as needed */
}

/* Optional: Style for links within the dropdown */
.main-menu .sub-menu li a {
/*   padding: 10px 20px; /* Add some padding */ */
/*   display: block; /* Make the links fill the container */ */
/*   color: #333 !important; /* Text color */ */
/*   text-decoration: none; /* Remove underline */ */
/*   background-color: white; */
}

.main-menu .sub-menu li a:hover {
/*   color: #26509a !important; /* Changes text color on hover */ */
  background-color: white !important; Background color on hover
}

/* chevron style to point down just above thew plumbing services menu item */
/* Target the link within the menu item that has children */
.main-menu .menu-item-130 > a {
/*   position: relative; /* Required for absolute positioning of the pseudo-element */ */
}

.main-menu .menu-item-130 > a::after {
/*   content: "\25BC"; /* Unicode character for down-pointing chevron */ */
/*   font-size: 0.75em;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  margin-bottom: 5px;
  animation: bounce 1s infinite; /* Apply the bounce animation */ */
}

/* Optional: Adjust the chevron on hover */
.main-menu .menu-item-130:hover > a::after {
/*   color: #333; Change color on hover, if desired */
}

/* @keyframes bounce {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-5px);
  }
} */