/*
Theme Name: Total Child Sidebar
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

/* Add a border around the sidebar container */
.custom-sidebar-links {
    border: 2px solid #ccc; /* Change color as needed */
    padding: 10px;
    margin-bottom: 20px;
}

/* Style the menu items */
.custom-sidebar-links .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-sidebar-links .menu-item {
    margin: 10px 0;
}

.custom-sidebar-links .menu-item a {
    text-decoration: none;
    color: #333; /* Normal link color */
    padding: 10px;
    display: block;
}

.custom-sidebar-links .menu-item a:hover {
    background-color: #f0f0f0; /* Add a hover effect */
}

/* Active link styling (current link) */
.custom-sidebar-links .current-menu-item a {
    font-weight: bold;
    color: #0073e6; /* Change color for the active link */
    background-color: #e6f7ff; /* Add a background color for active link */
}

.custom-sidebar-links .current-link {
    font-weight: bold;
    color: #0073e6;
    background-color: #e6f7ff; /* Match the active background color */
}

.custom-sidebar-links .menu-item .wpex-open-submenu {
    display: none; /* Hide the submenu icon for simplicity */
}

/* Optional: Add border to the links */
.custom-sidebar-links .menu-item a,
.custom-sidebar-links .current-menu-item a {
    border: 1px solid #ccc; /* Border around each link */
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 5px;
}

.custom-sidebar-links .menu-item a:hover {
    border-color: #0073e6; /* Change border color on hover */
}