/* n10-site-code: [Imported] Nav Dropdown Indicater Position [Nine10 CSS] · last edited by unknown on 2026-11-09 17:55:33 UTC · Nine10 entries are maintained by Nine10; use the Client entries for site changes. */
/* Target the navigation menu containing the sub-arrow */
.elementor-nav-menu--main .menu-item {
    position: relative; /* Set relative positioning to the menu item for absolute positioning of the arrow */
}

/* Modify sub-arrow positioning */
body .elementor-nav-menu--main .sub-arrow {
    position: absolute; /* Absolute position to place relative to the parent menu item */
    top: 100%; /* Position directly below the menu item */
    left: 50%; /* Start from the middle of the menu item */
    transform: translateX(-50%); /* Center the arrow below the menu item */
    padding: 0 5px; /* Adjust padding as needed */
    margin: 0; /* Remove margin for precise control */
    line-height: 1; /* Adjust line height if needed */
    display: inline-flex; /* Use flex to center content inside */
    justify-content: center; /* Center the arrow horizontally in the flex container */
	margin-block-start: -22px;
}

/* Optional: Adjust the sub-menu positioning if necessary */
.elementor-nav-menu--main .elementor-nav-menu--dropdown {
    padding-top: 10px; /* Add some space between the item and the dropdown */
}

body .elementor-nav-menu--main .elementor-nav-menu ul{
	padding: 10px 0;
}