COSMIC CONSCIOUSNESS FOUNDATION
/* End custom CSS */ /* Start custom CSS for navigation-menu, class: .elementor-element-1ea5331 *//* Ensure menu items are inline */ .menu-item { display: inline-flex; /* Keeps menu items in a row */ align-items: center; /* Aligns text and dot vertically */ position: relative; } /* Add a dot separator between main menu items */ .menu-item:not(:last-child)::after { content: "•"; /* Dot separator */ color: #783766; /* Dot color */ font-size: 16px; /* Adjust size if needed */ font-weight: bold; margin-left: 10px; /* Space between text and dot */ margin-right: 10px; /* Space between dot and next menu item */ display: inline-flex; /* Ensures dot stays inline */ align-items: center; /* Aligns dot with text */ } /* Sliding underline effect for menu items */ .menu-item a { position: relative; text-decoration: none; /* Remove default underline */ padding-bottom: 0px; /* Reduced space between text and underline */ } /* Create the underline (Thinner + Closer) */ .menu-item a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 1.7px; /* Thin underline */ background-color: #783766; /* Underline color */ transition: width 0.3s ease-in-out; /* Smooth sliding effect */ } /* When hovering, make the underline slide from left to right */ .menu-item a:hover::after { width: 100%; } /* Submenu styling */ .sub-menu { list-style: none; padding: 0; margin: 0; } /* Ensure submenu items are displayed as block elements */ .sub-menu .menu-item { display: block; /* Stack submenu items vertically */ text-align: left; position: relative; } /* Remove dots from submenus */ .sub-menu .menu-item::after { content: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8244384 *//* End custom CSS */