/*
Theme Name: AxisMoney
Author: AxisMoney Team
Copyright (c) 2026 AxisMoney
File: theme-default.css
Primary Colors: Purple & White
*/

/*--------------------------------------------------------------
>>> GLOBAL COLOR VARIABLES
--------------------------------------------------------------*/
:root {
    --axis-purple: #6A0DAD;
    --axis-white: #ffffff;
}

/*--------------------------------------------------------------
>>> SMARTMENUS – NAVBAR & DROPDOWN
--------------------------------------------------------------*/

.navbar.navbar-dark .nav .dropdown-item:hover,
.navbar.navbar-dark .nav .dropdown-item:focus,
.navbar.navbar-dark .nav .dropdown-menu .menu-item.active .dropdown-item {
    color: var(--axis-purple);
}

@media (max-width: 991px) {
    .navbar.navbar-dark .nav .menu-item:hover .nav-link,
    .navbar.navbar-dark .nav .menu-item.active .nav-link,
    .navbar.navbar-dark .nav .dropdown-menu .dropdown-item:hover {
        color: var(--axis-purple);
    }
}

/*--------------------------------------------------------------
>>> COMMON ELEMENTS
--------------------------------------------------------------*/

blockquote { border-left: 3px solid var(--axis-purple); }
address i,
address a:hover { color: var(--axis-purple); }

mark, ins { background: var(--axis-purple); color: var(--axis-white); }

input:focus,
textarea:focus {
    border-color: var(--axis-purple) !important;
    box-shadow: 0 0 0 0.25rem rgba(106,13,173,.4) !important;
}

button,
input[type="submit"] {
    border: 2px solid var(--axis-purple);
}
button:hover,
input[type="submit"]:hover {
    color: var(--axis-purple);
}

/*--------------------------------------------------------------
>>> BUTTONS
--------------------------------------------------------------*/

.btn-default,
.btn-default-dark,
.btn-border:hover,
.common-btn {
    background: var(--axis-purple);
    border-color: var(--axis-purple);
    color: var(--axis-white);
}

.common-btn:hover {
    background: var(--axis-white);
    color: var(--axis-purple) !important;
}

/*--------------------------------------------------------------
>>> SEARCH & SOCIAL
--------------------------------------------------------------*/

#search-popup .btn,
.custom-social-icons li > a,
.custom-social-icons .followus:before,
.custom-social-icons .followus:after {
    background: var(--axis-purple);
    color: var(--axis-white);
}

/*--------------------------------------------------------------
>>> NEWS SECTIONS
--------------------------------------------------------------*/

.trending-news-col .heading h5,
.news-section-title h5 {
    background: var(--axis-purple);
}

.trending-news-col h6:hover,
.grid-view-news-area a:hover,
.list-view-news-area a:hover {
    color: var(--axis-purple);
}

/*--------------------------------------------------------------
>>> BLOG & META
--------------------------------------------------------------*/

.entry-meta a,
.entry-content a,
.more-link,
.pagination .current {
    color: var(--axis-purple);
}

.more-link,
.pagination a:hover {
    border-color: var(--axis-purple);
}

/*--------------------------------------------------------------
>>> SIDEBAR & WIDGETS
--------------------------------------------------------------*/

.sidebar .widget-heading,
.widget a:hover,
.tagcloud a,
.wp-block-calendar caption {
    background: var(--axis-purple);
    color: var(--axis-white);
}

.widget a:hover {
    text-decoration-color: var(--axis-purple);
}

/*--------------------------------------------------------------
>>> FOOTER
--------------------------------------------------------------*/

.footer-sidebar a:hover,
.site-info a,
.site-info-menu a:hover {
    color: var(--axis-purple);
}

.subscribe-area .btn-subscribe {
    background: var(--axis-purple);
    border-color: var(--axis-purple);
}

/*--------------------------------------------------------------
>>> 404 PAGE
--------------------------------------------------------------*/

.theme-error-page b,
.theme-error-page i {
    color: var(--axis-purple);
}

/*--------------------------------------------------------------
>>> SCROLL TO TOP
--------------------------------------------------------------*/

.page-scroll-up a {
    background: var(--axis-purple);
    color: var(--axis-white);
}