/* Nexifund Custom Color Palette */

:root {
    --tp-common-white: #ffffff;
    --tp-common-black: #212f3d;
    --tp-common-black-2: #212f3d;
    --tp-common-black-3: #212f3d;
    --tp-common-black-4: #212f3d;
    --tp-common-black-hover: #212f3d;
    --tp-common-gray: #f5f5f5;
    --tp-common-placeholder: #707b7c;
    --tp-common-blue: #0b162a;
    --tp-common-blue-2: #0b162a;
    --tp-common-blue-3: #0b162a;
    --tp-common-blue-4: #0b162a;
    --tp-common-purple: #212f3d;
    --tp-common-sky-blue: #ccd1d1;
    --tp-common-orange: #ff7648;
    --tp-common-green: #1abc9c;
    --tp-text-1: #212f3d;
    --tp-text-2: #707b7c;
    --tp-text-3: #707b7c;
    --tp-text-4: #707b7c;
    --tp-text-5: #707b7c;
    --tp-text-6: #707b7c;
    --tp-text-7: #212f3d;
    --tp-text-primary: #212f3d;
    --tp-text-secondary: #707b7c;
    --tp-text-body: #707b7c;
    --tp-heading-primary: #212f3d;
    --tp-heading-secondary: #212f3d;
    --tp-heading-h2: #212f3d;
    --tp-heading-h3: #212f3d;
    --tp-heading-h4: #212f3d;
    --tp-bg-1: #ffffff;
    --tp-bg-2: #f5f5f5;
    --tp-bg-3: #0b162a;
    --tp-border-1: #ccd1d1;
    --tp-border-2: #ccd1d1;
    --tp-border-3: #ccd1d1;
    --tp-border-primary: #ccd1d1;
    --tp-theme-1: #1abc9c;
    --tp-theme-2: #1abc9c;
    --tp-theme-primary: #1abc9c;
    --tp-theme-secondary: #0b162a;
    --tp-link: #ccd1d1;
}

/* Background Colors */
.white-bg {
    background: #ffffff !important;
}

.grey-bg, .grey-bg-2, .grey-bg-5 {
    background: #f5f5f5 !important;
}

.blue-bg, .blue-bg-2, .blue-bg-3, .blue-bg-4, .footer-bg {
    background: #0b162a !important;
}

/* Text Colors */
body {
    color: #707b7c !important;
}

h1, h2, h3, h4, h5, h6, .section__title {
    color: #212f3d !important;
}

p {
    color: #707b7c !important;
}

/* Border Colors */
.header__search input, .contact__form-input input, 
.contact__form-input textarea, .sign__input input,
.footer__subscribe-input input {
    border-color: #ccd1d1 !important;
}

/* Button Colors */
.e-btn, .slider__btn, .hero__search-input button,
.course__slider-arrow .swiper-button-next, 
.course__slider-arrow .swiper-button-prev {
    background-color: #1abc9c !important;
}

.header__btn .e-btn:hover,
.slider__btn:hover,
.course__slider-arrow .swiper-button-next:hover,
.course__slider-arrow .swiper-button-prev:hover {
    background-color: #159b82 !important;
}

/* Link Colors */
.link-btn, a:hover, .cat-menu:hover span, 
.footer__widget-body a:hover,
.course__sidebar-course-content h5 a:hover {
    color: #1abc9c !important;
}

/* Course Tags */
.course__tag a, .course__tag-2 a, .blog__tag a {
    background-color: #f5f5f5 !important;
    color: #707b7c !important;
    border-color: #ccd1d1 !important;
}

.course__tag a:hover, .course__tag-2 a:hover, .blog__tag a:hover {
    background-color: #1abc9c !important;
    color: #ffffff !important;
}

/* Course Card & UI Elements */
.course__menu button:hover, .course__menu button.active,
.course__item:hover, .blog__item:hover {
    border-color: #1abc9c !important;
}

.course__title a:hover, .blog__title a:hover,
.teacher__title a:hover {
    color: #1abc9c !important;
}

.course__teacher-rating i, .course__rating span i,
.teacher__rating span i, .blog__meta span i {
    color: #1abc9c !important;
}

/* Menu & Navigation */
.cat-menu svg .cat-dot {
    fill: #1abc9c !important;
}

.main-menu ul li a:hover, 
.main-menu ul li.has-dropdown:hover > a::after {
    color: #1abc9c !important;
}

.main-menu ul li:hover .submenu li a::before {
    background: #1abc9c !important;
}

.main-menu ul li .submenu li:hover > a {
    color: #1abc9c !important;
}

/* Footer */
.footer__area {
    background: #0b162a !important;
}

.footer__copyright p {
    color: #ffffff !important;
}

/* Override any orange or yellow colors */
.yellow-bg, .yellow-bg-big {
    background-color: #1abc9c !important;
}

.section__title span {
    color: #1abc9c !important;
}

/* Form Elements */
.sidebar__search button, 
.header__search button,
.hero__search-input button,
.page__title-search button {
    background-color: #1abc9c !important;
    color: #ffffff !important;
} 