/* Simply Replace the colors in this stylesheet to your brand. */

/*===============================================
PRIMARY COLOR Default: #519fff
==============================================*/
.lds-grid div,
.primary-bg, blockquote,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.btn-custom,
.btn-custom-2,
.btn-custom.primary,
.badge.badge-primary,
.nav-tabs .nav-link::before,
.nav-tabs.tab-cards .nav-item.show .nav-link,
.nav-tabs.tab-cards .nav-link.active,
.aside-toggler:hover span, .acr-category.category-2:hover,
.slick-dots li.slick-active button, .acr-arrows .slick-arrow::after,
.header-controls-inner li.cart-dropdown-wrapper i::after,
.acr-arrows .slick-arrow:hover, .acr-arrows.primary-arrows .slick-arrow,
.acr-slider-arrows i, .listing .listing-thumbnail a:hover,
.listing .listing-gallery-wrapper .listing-gallery:hover,
.mapboxgl-popup-close-button:hover, .acr-toggle-views a.active,
.user-nav li a.active {
    background-color: #519fff;
}

    a,
    .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-results__option[aria-selected=true],
    .btn-custom-2.grey:hover, .btn-custom-2.grey:hover i, .custom-primary,
    .nav-tabs .nav-link:hover,
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active,
    .nav-tabs.tab-cards .nav-item.show .nav-link span,
    .nav-tabs.tab-cards .nav-link.active span,
    .navbar .menu-item a.active,
    .navbar .menu-item a:hover,
    .navbar .menu-item .submenu .menu-item a:hover,
    .main-header.header-2 .navbar .menu-item .submenu .menu-item a:hover,
    .acr-language-selector .dropdown-menu li:hover,
    .footer-btn a i,
    .acr-listing-details .acr-listing-section h4 a:hover,
    .breadcrumb li a:hover,
    .cta.cta-2.item1 > i,
    .cta.cta-2.item1 a, .acr-agent-body h6 a:hover,
    .acr-arrows.acr-arrows-relative .slick-arrow,
    .pagination .page-item.active .page-link,
    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus,
    .media-body h6 a:hover, .accordion .card-header[aria-expanded="true"] i,
    .social-media a:hover, .search-wrapper button,
    .sidebar-author-personal a:hover, .listing .listing-price,
    .acr-listing-popup-body .listing-price {
        color: #519fff;
    }

        .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
        .btn-custom-2.grey:hover, .acr-arrows .slick-arrow:hover,
        .acr-arrows.primary-arrows .slick-arrow,
        .acr-arrows.acr-arrows-relative .slick-arrow:hover {
            border-color: #519fff;
        }

        /*===============================================
PRIMARY COLOR (HOVER & FOCUS)  Default: #478adc
==============================================*/
        a:hover,
        a:focus,
        .btn-link:hover,
        .btn-link:focus,
        .acr-footer a:hover,
        .post .post-author .post-author-body p a:hover,
        .post .post-title a:hover,
        .acr-category-body h5 a:hover,
        .post-single .post-meta a:hover,
        .post-single-pagination:hover h6,
        .post-single-pagination:hover i,
        .sidebar-widget .media h6 a:hover,
        .sidebar-widget.sidebar-list ul li a:hover,
        .listing .listing-author .listing-author-body p a:hover,
        .listing .listing-title a:hover,
        .options-dropdown ul li a:hover,
        .acr-listing-popup-body h5 a:hover {
            color: var(--text-color);
        }

    .btn-custom::before,
    .acr-arrows.primary-arrows .slick-arrow:hover,
    .acr-arrows.primary-arrows .slick-arrow::after {
        background-color: #478adc;
    }

    .acr-arrows.primary-arrows .slick-arrow:hover {
        border-color: #478adc;
    }

/*===============================================
SECONDARY COLOR Default: #01BBBC
==============================================*/

.acr-featured-listing .featured-listing-thumb .featured-listing-controls span,
.cta.cta-2.item2 > i,
.cta.cta-2.item2 a,
.infographics-2 .acr-infographic-item > i,
.infographics-3 .acr-infographic-item > i,
.infographics-4 .acr-infographic-item > i,
.infographics-5 .acr-infographic-item > i,
.infographics-2 .acr-infographic-item a,
.listing-feature i,
.acr-compare-feature i,
.acr-auth-content .auth-nav a.active {
    color: #01BBBC;
}

.btn-custom.secondary,
.main-aside ul .menu-item a:hover, .main-aside ul .menu-item a.active,
.acr-listing-control:hover, .cta.cta-1,
.infographics-2 .acr-infographic-item:hover a,
.acr-single-agent-thumb, .semi-circle:hover,
.acr-area-price > span,
.progress-bar,
.listing-banner-inner .slick-arrow:hover,
.acr-pricing.hot-plan {
    background-color: #01BBBC;
}

.infographics-2 .acr-infographic-item a {
    border-color: #01BBBC;
}

.acr-area-price > span::before {
    border-top-color: #01BBBC;
}

.acr-auth-content .auth-nav a.active {
    border-bottom-color: #01BBBC;
}

/*==================================================
SECONDARY COLOR (Hover & Focus) Default: #00a0a1
==================================================*/
.btn-custom.secondary::before,
.infographics-2 .acr-infographic-item:hover a:hover {
    background-color: #00a0a1;
}

.infographics-2 .acr-infographic-item:hover a:hover {
    border-color: #00a0a1;
}

/*==================================================
SECONDARY COLOR (RGB FORMAT) Default: rgb(1,187,188)
==================================================*/
.acr-pricing.hot-plan::before {
    background-color: rgba(1,187,188,.6);
}

.acr-pricing.hot-plan::after {
    background-color: rgba(1,187,188,.4);
}