/* Custom Color Override for BabyCare Template */
/* Change primary color to pink #ff4880 */

:root {
    --bs-primary: #ff4880 !important;
    --bs-primary-rgb: 255, 72, 128 !important;
}

/* Button Primary Color Override */
.btn-primary {
    color: #000 !important;
    background-color: #ff4880 !important;
    border-color: #ff4880 !important;
}

.btn-primary:hover {
    background-color: #e63d6f !important;
    border-color: #e63d6f !important;
    color: #000 !important;
}

.btn.btn-primary:hover {
    background: var(--bs-secondary) !important;
    color: #ff4880 !important;
}

/* Background Primary Color */
.bg-primary {
    background-color: #ff4880 !important;
}

/* Text Primary Color */
.text-primary {
    color: #ff4880 !important;
}

/* Border Primary Color */
.border-primary {
    border-color: #ff4880 !important;
}

/* Topbar Background */
.topbar.bg-primary {
    background-color: #ff4880 !important;
}

/* Service Section Background */
.service {
    background: linear-gradient(rgba(255, 72, 128, 0.05), rgba(255, 72, 128, 0.2)) !important;
}

/* Program Section Background */
.program {
    background: linear-gradient(rgba(255, 72, 128, 0.1), rgba(255, 72, 128, 0.1)) !important;
}

/* Video Play Button */
.video .btn-play:after {
    background: #ff4880 !important;
}

/* Team Item Hover */
.team .team-item:hover .team-content {
    background: #ff4880 !important;
}

/* Testimonial Dots */
.testimonial .testimonial-carousel .owl-dot {
    background: #ff4880 !important;
}

/* Navbar Active Link */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #ff4880 !important;
}

/* Footer Gallery Images Border */
.footer .footer-galary-img img {
    border-color: #ff4880 !important;
}

/* All elements with primary color */
h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary,
.h1.text-primary,
.h2.text-primary,
.h3.text-primary,
.h4.text-primary,
.h5.text-primary,
.h6.text-primary,
a.text-primary,
span.text-primary,
p.text-primary,
small.text-primary,
i.text-primary {
    color: #ff4880 !important;
}

/* Display headings */
.display-1.text-primary,
.display-2.text-primary,
.display-3.text-primary,
.display-4.text-primary,
.display-5.text-primary,
.display-6.text-primary {
    color: #ff4880 !important;
}

/* Service Item Hover */
.service-item:hover .service-content-inner a.h4 {
    color: #ff4880 !important;
}

/* Program Item Hover */
.program .program-item:hover .program-text-inner a.h4 {
    color: #ff4880 !important;
}

/* Events Item Hover */
.events .events-item:hover .events-text a.h4 {
    color: #ff4880 !important;
}

/* Blog Item Hover */
.blog .blog-item:hover .blog-text-inner a.h4 {
    color: #ff4880 !important;
}

/* Dropdown Hover */
.dropdown .dropdown-menu a:hover {
    color: #ff4880 !important;
}

/* Back to Top Button */
.back-to-top {
    background-color: #ff4880 !important;
    border-color: #ff4880 !important;
}

/* All Primary Backgrounds */
.events-item.bg-primary,
.program-rate.bg-primary,
.events-rate.bg-secondary,
.topbar.bg-primary {
    background-color: #ff4880 !important;
}
