/**
 * Modern Footer Style
 * Modern styling for footer menu links
 * 
 * @package Publisher_Child
 * @since 1.0.0
 */

/* ==========================================================================
   Footer Menu Links Styling
   ========================================================================== */

/* Styling the menu */
#menu-main-footer-link, #menu-footer-link {
    list-style-type: none;
    margin-top: 32px;
}

#menu-main-footer-link .menu-item, #menu-footer-link .menu-item {
    border-bottom: 1px solid #ddd; /* Separator between items */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
    width: 100%;
}

/* Remove the separator for the last item */
#menu-main-footer-link .menu-item:last-child, #menu-footer-link .menu-item:last-child {
    border-bottom: none;
}

/* Styling the links */
#menu-main-footer-link .menu-item a, #menu-footer-link .menu-item a {
    text-decoration: none;
    color: #333; /* Dark color for text */
    font-weight: 500;
    display: block; /* Make the entire area clickable */
    padding: 10px;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover effect on the links */
#menu-main-footer-link .menu-item a:hover, #menu-footer-link .menu-item a:hover {
    color: #000 !important; /* Change color on hover */
    transform: translateX(5px); /* Slight movement for a modern hover effect */
}

/* Active state for the menu item */
#menu-main-footer-link .menu-item a:focus, #menu-footer-link .menu-item a:focus {
    outline: none;
    color: #000 !important;
    border-bottom: 2px solid #005bb5; /* Add a bottom border on focus for accessibility */
}

#sidebar-footer-1 .bs-shortcode .about-title img {
    max-width: 50%;
}

#menu-main-footer-link .menu-item a:before, #menu-footer-link .menu-item a:before {
    display: none;
}

body .site-footer .copy-1 {
    color: #000;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
}

.site-footer.full-width .copy-footer .container .row:first-child {
    display: none;
}

.site-footer.full-width .copy-footer {
    border-top: 1px solid #ddd;
    padding: 16px 0 16px;
}

/* Responsive design (for smaller screens) */
@media (max-width: 768px) {
    #menu-main-footer-link .menu-item, #menu-footer-link .menu-item {
        padding: 8px 0; /* Slightly smaller padding on mobile */
    }
}