/* Change button hover color */
.btn-primary:hover, 
button:hover {
    background-color: #004a99 !important; /* This is a darker shade of your blue */
    transition: background-color 0.3s ease;
}


/* Footer Link Hover Effect */
.footer-area a:hover {
    color: #007BFF !important; /* Change this to your preferred bright color */
    text-decoration: underline !important;
    transition: color 0.3s ease;
}

.footer-area .footer-overlay {
    background-color: #0A2540!important;
    }
    
    .header-navigation.breakpoint-on .site-nav-menu.menu-opened a:hover {
    
        color: #007BFF !important; /* Change this to your preferred bright color */
    text-decoration: underline !important;
    transition: color 0.3s ease;
    
}


 
/* This forces the 'current' link to stay visible */
.primary-menu li.current a {
    color: #639fab !important; 
    font-weight: bold; /* Optional: makes it pop */
    
    
    /* Ensure the parent container of the service cards is a flex container */
.your-services-container-class {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* This makes all cards the same height */
}

/* Ensure each individual service card is a flex container */
.your-service-card-class {
    display: flex;
    flex-direction: column;
}

/* Force the specific button class to always sit at the bottom */
.service-link {
    margin-top: auto;
}
}

/* Force navigation links to turn ash/gray on hover */
.main-menu ul li a:hover, 
.navbar-nav .nav-link:hover,
header a:hover {
    color: #639fab !important; /* Your brand's ash/secondary color */
    background-color: transparent !important; /* Ensures the background doesn't change and hide it */
    transition: color 0.3s ease;
}


.main-menu ul li a[href*="product"],
.navbar-nav li a[href*="product"],
header a[href*="product"] {
    display: none !important;
}

/* Restrict the footer logo image to 65% max-width */
footer .footer-widget .logo a img,
.footer-area .footer-logo img,
footer img[src*="logo"] {
    max-width: 65% !important;
    width: auto !important;
    display: block;
}


/* Target the active button in the pricing package filter */
.portfolio-menu button.active,
.pricing-filter button.active,
.nav-tabs .nav-link.active {
    color: #0b1325 !important;
}