/**
 * Theme override - replaces #277768 with var(--theme-primary)
 * Loaded after style.css. --theme-primary is set in peakfront header.
 */

/* Bootstrap text/link utilities */
.text-primary, a.text-primary { color: var(--theme-primary) !important; }
a.text-primary:hover, a.text-primary:focus { color: var(--theme-primary) !important; }

/* Buttons & links */
.btn-primary,
.btn.btn-primary { background-color: var(--theme-primary) !important; border-color: var(--theme-primary) !important; }
.btn-primary:hover,
.btn.btn-primary:hover { background-color: var(--theme-primary) !important; border-color: var(--theme-primary) !important; filter: brightness(0.9); }
.btn.style1 { background-color: var(--theme-primary) !important; }
.btn.style2 { color: var(--theme-primary) !important; }
.btn.style2:after, .btn.style2:before { background: #000; }
.btn.style3:after, .btn.style3:before { background: var(--theme-primary) !important; }
.btn.style4:after, .btn.style4:before { background: var(--theme-primary) !important; }
.btn.style4:hover { color: #fff; }
.btn.style5 { border-color: var(--theme-primary) !important; color: var(--theme-primary) !important; }
.btn.style5:after, .btn.style5:before { background: var(--theme-primary) !important; }
.btn.style5:hover { color: #fff; }
.btn.style6 { color: var(--theme-primary) !important; }
.btn.style6:after, .btn.style6:before { background: var(--theme-primary) !important; }
.btn.style6:hover { color: #fff; }

.link, .link.style1 { color: var(--theme-primary) !important; }
.link:after, .link:hover:after { background: var(--theme-primary) !important; }
.link:hover { color: var(--theme-primary) !important; }

/* Preloader & back-to-top */
.back-to-top { background: var(--theme-primary) !important; }
.loader { border-color: var(--theme-primary) !important; }
.loader-inner-1, .loader-inner-2, .loader-inner-3 { border-color: var(--theme-primary) !important; }

/* Section titles */
.section-title.style1 span, .content-title.style1 span { color: var(--theme-primary) !important; }

/* Owl carousel */
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover { background-color: var(--theme-primary) !important; }
.owl-carousel .owl-dots button.owl-dot span { background: var(--theme-primary) !important; }

/* Social & navigation */
.social-profile li a i,
.social-profile.style1 li a i { color: var(--theme-primary) !important; }
.social-profile.style1 li a:hover { background-color: var(--theme-primary) !important; }
.social-profile li a:hover { color: var(--theme-primary) !important; }
.page-nav li a.active, .page-nav li a:hover { background-color: var(--theme-primary) !important; }

/* Header */
.header-wrap .header-top .header-top-left .contact-info li i { color: var(--theme-primary) !important; }
.header-wrap .header-top .header-top-left .contact-info li a:hover { color: var(--theme-primary) !important; }
.header-wrap .header-top .header-top-right .user-menu li a:hover { color: var(--theme-primary) !important; }
.user-login ul li a:hover { background-color: var(--theme-primary) !important; }
.select-lang i { color: var(--theme-primary) !important; }
.navbar .nav-item a:hover, .navbar .nav-item a.active, .navbar .nav-item a:focus { color: var(--theme-primary) !important; }
.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.active { color: var(--theme-primary) !important; }
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active:before,
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover:before { background-color: var(--theme-primary) !important; }
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover { color: var(--theme-primary) !important; }
.mobile-menu a { background-color: var(--theme-primary) !important; }
.main-menu li a.active { color: var(--theme-primary) !important; }

/* Feature cards & items */
.feature-item-wrap .feature-item .feature-icon i { color: var(--theme-primary) !important; }
.feature-item-wrap .feature-item .feature-icon:after { background-color: var(--theme-primary) !important; }
.feature-item-wrap .feature-item:hover .feature-text h3 { color: var(--theme-primary) !important; }
.feature-card .feature-icon { border-color: var(--theme-primary) !important; }
.feature-card .feature-icon i { color: var(--theme-primary) !important; }
.feature-card:after { background-color: var(--theme-primary) !important; }
.feature-card:hover .feature-icon { background: var(--theme-primary) !important; }
.feature-card:hover h3 { color: var(--theme-primary) !important; }
.feature-card.style1 .feature-icon { background-color: var(--theme-primary) !important; }
.feature-card.style3 .feature-title span i { color: var(--theme-primary) !important; }
.feature-card.style4 .feature-icon i, .feature-card.style6 .feature-icon i { color: var(--theme-primary) !important; }
.feature-card.style5 .feature-title span { background-color: var(--theme-primary) !important; }
.feature-card.style6 .feature-icon { background-color: var(--theme-primary) !important; }

/* Exchange table */
.exchange-table-wrap .exchange-table label:after { background: var(--theme-primary) !important; }
.exchange-table-wrap .exchange-table table thead tr th .action { background-color: var(--theme-primary) !important; }
.exchange-table-wrap .exchange-table table tbody tr td span.text-green { color: var(--theme-primary) !important; }
.exchange-table-wrap .add-currency span { background-color: var(--theme-primary) !important; }
.exchange-table-wrap .update-status:before { background-color: var(--theme-primary) !important; }

/* Currency card */
.currency-card:after { background-color: var(--theme-primary) !important; }

/* Breadcrumb */
.breadcrumb-title .breadcrumb-menu li:after { background-color: var(--theme-primary) !important; }
.breadcrumb-title .breadcrumb-menu li:last-child { color: var(--theme-primary) !important; }
.breadcrumb-title .breadcrumb-menu li a:hover { color: var(--theme-primary) !important; }

/* Hero */
.hero-wrap .hero-content span { color: var(--theme-primary) !important; }
.hero-wrap.style2 .hero-img-wrap .hero-promo-text span i { color: var(--theme-primary) !important; }
.hero-wrap.style2 .hero-content .play-video .play-now { background-color: var(--theme-primary) !important; }
.hero-wrap.style3 .hero-content .play-video .play-now i { color: var(--theme-primary) !important; }
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap button { background-color: var(--theme-primary) !important; }

/* About */
.about-wrap.style1 .about-content .feature-item-wrap .feature-item .feature-icon i { color: var(--theme-primary) !important; }
.about-wrap.style3 .about-content .feature-item-wrap .feature-item .feature-icon i { color: var(--theme-primary) !important; }

/* Search, category, tag */
.search-box .form-group button { background: var(--theme-primary) !important; }
.category-box li a:hover, .category-box li a:hover i { color: var(--theme-primary) !important; }
.tag-list li a:hover { background-color: var(--theme-primary) !important; }

/* Login/sidebar */
.login-form-wrap .login-header h3:after { background-color: var(--theme-primary) !important; }
.login-form-wrap .link.style1 { color: var(--theme-primary) !important; }
.sidebar .sidebar-widget h4:after { background: var(--theme-primary) !important; }

/* Content */
.content-feature-list li i { color: var(--theme-primary) !important; }
.convert-box .convert-tablist .nav-item a.active { color: var(--theme-primary) !important; }
.convert-box .convert-tabcontent .convert-icon i { color: var(--theme-primary) !important; }
.convert-box .convert-tabcontent button.style1 { background-color: var(--theme-primary) !important; }

/* Testimonial & blog */
.testimonial-card:after { background-color: var(--theme-primary) !important; }
.testimonial-card .client-info-area .quote-icon i { color: var(--theme-primary) !important; }
.pp-post-info span i { color: var(--theme-primary) !important; }
.blog-card .blog-img .blog-cat { background-color: var(--theme-primary) !important; }
.blog-card .blog-info .blog-metainfo li i { color: var(--theme-primary) !important; }
.blog-card:hover .blog-info h3 a { color: var(--theme-primary) !important; }

/* Contact */
.contact-us-wrap .contact-item .contact-icon i { color: var(--theme-primary) !important; }
.contact-us-wrap .contact-item:hover .contact-icon { background-color: var(--theme-primary) !important; }

/* Checkbox */
.checkbox label:before { border-color: var(--theme-primary) !important; }
.checkbox a { color: var(--theme-primary) !important; }
.checkbox input:checked+label:before { border-color: var(--theme-primary) !important; }
.checkbox input:checked+label:after { background: var(--theme-primary) !important; }

/* Team, FAQ, post */
.team-card:hover:after { background-color: var(--theme-primary) !important; }
.team-card .team-img .social-profile li a i { color: var(--theme-primary) !important; }
.faq-wrap .accordion-button:not(.collapsed) span { background-color: var(--theme-primary) !important; }
.accordion-item .accordion-header .accordion-button span i { color: var(--theme-primary) !important; }
.alert-video-img .play-video .play-now { background-color: var(--theme-primary) !important; }
.post-cat-title span { color: var(--theme-primary) !important; }
.post-img .post-cat { background-color: var(--theme-primary) !important; }
.post-metainfo li i { color: var(--theme-primary) !important; }
.post-metainfo li a:hover { color: var(--theme-primary) !important; }
.wp-block-quote .wp-quote-icon i { color: var(--theme-primary) !important; }
.post-tag span i { color: var(--theme-primary) !important; }
.post-tag ul li a:hover { color: var(--theme-primary) !important; }
.comment-item-wrap .reply-btn:hover { color: var(--theme-primary) !important; }
article p a, .terms-wrap p a { color: var(--theme-primary) !important; }
article p a:hover, .terms-wrap p a:hover { color: var(--theme-primary) !important; }

/* Footer */
.footer-wrap .footer-widget .footer-widget-title:after { background-color: var(--theme-primary) !important; }
.footer-wrap .footer-widget .footer-menu li a:hover, .footer-wrap .footer-widget .footer-menu li a:hover i { color: var(--theme-primary) !important; }
.footer-wrap .footer-widget .footer-menu li a:hover:after { background-color: var(--theme-primary) !important; }
.footer-wrap .footer-widget .contact-info li i { color: var(--theme-primary) !important; }
.footer-wrap .footer-widget .contact-info li:hover p, .footer-wrap .footer-widget .contact-info li:hover a { color: var(--theme-primary) !important; }
.copyright-text a { color: var(--theme-primary) !important; }