/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2026 | 05:08:22 */
.vertical-menu {
    list-style: none; /* Remove bullets from the main menu */
    padding: 0;
    margin: 0;
}

.vertical-menu li {
    list-style: none; /* Remove bullets from nested items */
    position: relative;
}

.vertical-menu li ul {
    overflow: hidden; /* Prevent content overflow during the slide effect */
    display: none; /* Ensure submenus are hidden by default */
    padding-left: 20px; /* Keep the same indent for child items */
    margin: 0;
    border-left: 2px solid #ddd; /* Optional: visual separator */
    transition: height 0.3s ease-out; /* Smooth transition for height changes */
}

.vertical-menu li a {
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: #333;
	  line-height: 1.8rem;
		font-weight: 700;
    position: relative; /* For dropdown arrow positioning */
}

.vertical-menu li a:hover {
    background-color: #f4f4f4;
    color: #000;
}

.vertical-menu li.menu-item-has-children > a::after {
    content: ' ▼'; /* Add dropdown arrow */
    font-size: 12px;
    color: #666;
    position: absolute;
    right: 15px; /* Position the arrow on the right */
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.vertical-menu li.menu-item-has-children > a.open::after {
    content: ' ▲'; /* Change arrow direction when open */
}
	.ekit-overlay .ekit-bg-black {
    opacity: .5 !important;
		/*background-color: rgba(0, 0, 0, 0.5) !important; /* Adjust the color and transparency */
	}