:root {
    /* Default Blue theme */
    --primary-bg: #0C2340;
    --primaryColor: #0C2340;
    --primary-bg-rgb: 12, 35, 64;
    /* The two anchors every widget background option is composed from.
       --theme-surface is the section's base colour; --theme-accent is the far end of a gradient.
       Declared per preset below, so an option never needs a body.theme-N override and light and
       dark themes resolve automatically. */
    --theme-surface: var(--primary-bg);
    --theme-accent: #000000;
}

/* Blue theme (default) */
.theme-1 {
    --primary-bg: #0C2340;
    --primary-bg-rgb: 12, 35, 64;
    --theme-surface: #0C2340;
    --theme-accent: #000000;
}

/* Green theme */
.theme-2 {
    --primary-bg: #2a5135;
    --primaryColor: #2a5135;
    --primary-bg-rgb: 42, 81, 53;
    --theme-surface: #2a5135;
    --theme-accent: #000000;
}

/* Maroon theme */
.theme-3 {
    --primary-bg: #5f462b;
    --primaryColor: #5f462b;
    --primary-bg-rgb: 95, 70, 43;
    --theme-surface: #5f462b;
    --theme-accent: #000000;
}

/* White theme */
.theme-4 {
    --primary-bg: #ffffff;
    --primaryColor: #00447C;
    --primary-bg-rgb: 255, 255, 255;
    /* The light theme's surface is the page white and its accent is the ink blue, so the same
       three options read as white / blue-to-white / white-to-blue instead of shades of black. */
    --theme-surface: #ffffff;
    --theme-accent: #00447C;
}

/* ========================================
   WIDGET BACKGROUNDS - opt-in, per widget
   Selected per widget as a content option (WidgetBackgrounds) and mapped to a class on the
   widget wrapper. Every option is composed from --theme-surface and --theme-accent, so a widget
   re-colours itself when the tenant switches theme and no option needs per-preset CSS.

   The chosen background is painted ONCE, on the wrapper. The widget's own root element is then
   forced transparent by the shared rule below, because nearly every widget paints an opaque
   background of its own (.lifeStyle-section, .map-section, .sold-section, .testimonial-section,
   .team-section, .gallery-section, .partners-section, .upcoming-auctions, .blog-section,
   .content-block and the mobile variants) which would otherwise completely cover the wrapper.
   Painting the wrapper and clearing the child, rather than repeating the gradient on both, is
   also what makes a gradient span the whole band instead of restarting inside it.

   !important is required to beat `body.theme-4 section { background-color: #fff !important }`
   further down this file; without it the light theme would flatten every option back to white.
   ======================================== */

/* Solid: the theme's own surface colour. Dark on themes 1-3, white on theme 4, so "no gradient"
   still follows the theme rather than being a fixed colour. */
.widget-bg-solid {
    background: var(--theme-surface) !important;
}

/* Deep top: accent at the top, resolving into the surface colour further down. */
.widget-bg-deep-top {
    background: linear-gradient(to bottom, var(--theme-accent) 0%, var(--theme-surface) 100%) !important;
}

/* Deep bottom: surface colour at the top, deepening into the accent toward the bottom. */
.widget-bg-deep-bottom {
    background: linear-gradient(to bottom, var(--theme-surface) 0%, var(--theme-accent) 100%) !important;
}

/* Deep top and bottom: accent at both edges, opening into the surface through the middle. The
   stops are symmetrical so the band reads the same whichever edge the eye starts from. */
.widget-bg-deep-top-bottom {
    background: linear-gradient(to bottom, var(--theme-accent) 0%, var(--theme-surface) 50%, var(--theme-accent) 100%) !important;
}

/* Deep center: the inverse - surface at both edges, deepening into the accent through the middle,
   which lets a widget sit between two solid neighbours without a visible seam at either end. */
.widget-bg-deep-center {
    background: linear-gradient(to bottom, var(--theme-surface) 0%, var(--theme-accent) 50%, var(--theme-surface) 100%) !important;
}

/* The widget's own root element, whatever tag the view component happens to use. Some components
   root a <div> (LifeStyle, UpComingAuctionMobile, SearchBar*, MenuMobile) rather than a <section>,
   which is why an earlier `> section` only selector left those widgets showing their own colour
   even when a background had been chosen. */
.widget-bg-solid > section,
.widget-bg-solid > div,
.widget-bg-solid > header,
.widget-bg-solid > nav,
.widget-bg-solid > footer,
.widget-bg-solid > div > section,
.widget-bg-deep-top > section,
.widget-bg-deep-top > div,
.widget-bg-deep-top > header,
.widget-bg-deep-top > nav,
.widget-bg-deep-top > footer,
.widget-bg-deep-top > div > section,
.widget-bg-deep-bottom > section,
.widget-bg-deep-bottom > div,
.widget-bg-deep-bottom > header,
.widget-bg-deep-bottom > nav,
.widget-bg-deep-bottom > footer,
.widget-bg-deep-bottom > div > section,
.widget-bg-deep-top-bottom > section,
.widget-bg-deep-top-bottom > div,
.widget-bg-deep-top-bottom > header,
.widget-bg-deep-top-bottom > nav,
.widget-bg-deep-top-bottom > footer,
.widget-bg-deep-top-bottom > div > section,
.widget-bg-deep-center > section,
.widget-bg-deep-center > div,
.widget-bg-deep-center > header,
.widget-bg-deep-center > nav,
.widget-bg-deep-center > footer,
.widget-bg-deep-center > div > section {
    background: transparent !important;
}

/* Widgets fade their own edges to black with a full-bleed ::before/::after overlay. Those exist to
   blend a widget into the black band above or below it, so inside a wrapper that paints its own
   background they only muddy the chosen option - most visibly on "Solid", where the widget still
   looked like a gradient. Only the widget's ROOT pseudo-elements are cleared; decorative
   pseudo-elements deeper in the widget (quotation marks, title rules) are left alone. */
.widget-bg-solid > section::before,
.widget-bg-solid > section::after,
.widget-bg-solid > div::before,
.widget-bg-solid > div::after,
.widget-bg-solid > div > section::before,
.widget-bg-solid > div > section::after,
.widget-bg-deep-top > section::before,
.widget-bg-deep-top > section::after,
.widget-bg-deep-top > div::before,
.widget-bg-deep-top > div::after,
.widget-bg-deep-top > div > section::before,
.widget-bg-deep-top > div > section::after,
.widget-bg-deep-bottom > section::before,
.widget-bg-deep-bottom > section::after,
.widget-bg-deep-bottom > div::before,
.widget-bg-deep-bottom > div::after,
.widget-bg-deep-bottom > div > section::before,
.widget-bg-deep-bottom > div > section::after,
.widget-bg-deep-top-bottom > section::before,
.widget-bg-deep-top-bottom > section::after,
.widget-bg-deep-top-bottom > div::before,
.widget-bg-deep-top-bottom > div::after,
.widget-bg-deep-top-bottom > div > section::before,
.widget-bg-deep-top-bottom > div > section::after,
.widget-bg-deep-center > section::before,
.widget-bg-deep-center > section::after,
.widget-bg-deep-center > div::before,
.widget-bg-deep-center > div::after,
.widget-bg-deep-center > div > section::before,
.widget-bg-deep-center > div > section::after {
    background: none !important;
}

/* ========================================
   THEME 4 - White + Blue (#00447C)
   ======================================== */
.property-card .property-footer .text-muted {
    color: #fff !important;
}
/* === GLOBAL === */
body.theme-4 section,
body.theme-4 .container-fluid {
    background-color: #ffffff !important;
}
body.theme-4 .property-card .property-price,
body.theme-4 .property-card .property-title,
body.theme-4 .property-card .location,
body.theme-4 .property-card .unstyled-link,
body.theme-4 .property-card .property-meta span,
body.theme-4 .property-card .property-agent-name,
body.theme-4 h1, body.theme-4 h2, body.theme-4 h3,
body.theme-4 h4, body.theme-4 h5, body.theme-4 h6,
body.theme-4 p, body.theme-4 span, body.theme-4 a,
body.theme-4 label, body.theme-4 li, body.theme-4 strong, body.theme-4 div {
    color: #ffffff !important;
}

body.theme-4 .section-title,
body.theme-4 .section-title-mobile,
body.theme-4 .section-title-line span {
    color: #00447C !important;
}
body.theme-4 .frame,
body.theme-4 .image-frame {
    border: 2px solid #00447C;
}

body.theme-4 .logo-2 {
    background: #000000 !important;
}

body.theme-4 .valuation-submit-button,
body.theme-4 .valuation-consent label {
    color: #00447C !important;
}

/* === MENU / NAVBAR === */


body.theme-4 .navbar-custom {
    background: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

    body.theme-4 .navbar-custom .nav-link,
    body.theme-4 .navbar-custom .top-info a,
    body.theme-4 .navbar-custom .top-info span {
        color: #00447C !important;
    }

    body.theme-4 .navbar-custom .dropdown-menu {
        background: #ffffff !important;
        border: 1px solid #e0e0e0 !important;
    }

    body.theme-4 .navbar-custom .dropdown-item {
        color: #00447C !important;
    }

        body.theme-4 .navbar-custom .dropdown-item:hover {
            background: #f5f5f5 !important;
        }

/* === HEADER (keep background image) === */

body.theme-4 .homepage-header .header-title,
body.theme-4 .homepage-header .header-subtitle,
body.theme-4 .blog-title,
body.theme-4 .blog-text,
body.theme-4 .article-card-meta span,
body.theme-4 .static-header .header-title {
    color: #ffffff !important; /* Keep white text on header image */
}


body.theme-4 .read-more-link {
    color: #ffffff !important; 
}

/* === SEARCHBAR === */
body.theme-4 .searchbar-team-desktop .search-box, body.theme-4 .searchbar-team-mobile .search-box-mobile {
    background: linear-gradient(to top, rgba(10, 61, 145, 0.86) 0%, rgba(10, 61, 145, 0.85) 30%, rgba(10, 61, 145, 0.4) 70%, rgba(10, 61, 145, 0.4) 100%) !important;
}

    body.theme-4 .searchbar-tabs .nav-link {
        color: #ffffff !important;
    }

        body.theme-4 .searchbar-tabs .nav-link.active {
            border-bottom-color: #ffffff !important;
        }

    body.theme-4 .select-wrapper::after {
        background: rgba(28, 28, 28, 0.62) !important;
        border-radius: 0 6px 6px 0 !important;
    }

    body.theme-4 span .select2-selection__rendered {
        color: #ffffff !important;
    }

    body.theme-4 #azureautocomplete {
        color: #ffffff !important;
    }

        body.theme-4 #azureautocomplete::placeholder {
            color: #ffffff !important;
            opacity: 1 !important;
        }

    body.theme-4 .property-filter #azureautocomplete {
        color: #00447C !important;
    }

        body.theme-4 .property-filter #azureautocomplete::placeholder {
            color: #00447C !important;
            opacity: 0.5;
        }

    body.theme-4 .search-box .form-control {
        color: #ffffff !important;
    }

body.theme-4 .consumer-auth summary {
    color: #00447C !important;
}
/* === LIFESTYLE SECTION === */
body.theme-4 .lifeStyle-section {
    background: #ffffff !important;
}

        body.theme-4 .lifeStyle-section .section-title,
        body.theme-4 .lifeStyle-section .lifeStyle-title,
        body.theme-4 .lifeStyle-section .description {
            color: #00447C !important;
        }
/* === CONTENT BLOCK WIDGET (mirrors the lifestyle section) === */
body.theme-4 .content-block {
    background: #ffffff !important;
}

    body.theme-4 .content-block .section-title,
    body.theme-4 .content-block .content-block-title,
    body.theme-4 .content-block .content-block-subtitle,
    body.theme-4 .content-block .content-block-text,
    body.theme-4 .content-block .content-block-caption {
        color: #00447C !important;
    }
    /* === TEAM SECTION === */
    body.theme-4 .team-section {
        background: #ffffff !important;
    }

    body.theme-4 .team-info h5, body.theme-4 .team-info span {
        color: #ffffff !important;
    }

    body.theme-4 .team-card::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 20%; /* ajuste selon le besoin */
        background: linear-gradient( to top, rgba(10, 61, 145, 0.86) 0%, rgba(10, 61, 145, 0.85) 30%, rgba(10, 61, 145, 0.4) 70%, transparent 100%) !important;
        pointer-events: none;
    }
    /* === MAP SECTION === */
body.theme-4 #map-svg path:hover {
    fill: #00447C !important;
}

    body.theme-4 .map-section
    {
        background: #ffffff !important;
    }
        
        body.theme-4 .map-section .section-title,
        body.theme-4 .map-section .map-tagline,
        body.theme-4 .map-section .map-description,
        body.theme-4 .map-section .stat-number,
        body.theme-4 .map-section .stat-label,
        body.theme-4 .map-section .stat-currency,
        body.theme-4 .map-section .stats-note,
        body.theme-4 .map-section .stat-count {
            color: #00447C !important;
        }

body.theme-4 .map-section .map-divider {
    background: #00447C !important;
}
    /* === GALLERY SECTION === */
    body.theme-4 .gallery-section {
        background: #ffffff !important;
    }

        body.theme-4 .gallery-section .title-gallery,
        body.theme-4 .gallery-section .subtitle {
            color: #ffffff !important; /* Keep white on image overlays */
        }
    /* === EXPERT SECTION === */
    body.theme-4 .testimonial-section,
    body.theme-4 .testimonial-section .bg-quotation {
        background: #ffffff !important;
        background-image: none !important;
    }

        body.theme-4 .testimonial-section .description,
        body.theme-4 .testimonial-section .author-text {
            color: #00447C !important;
        }

        body.theme-4 .testimonial-section .text-box {
            border-color: #00447C !important;
        }
    /* === SOLD SECTION === */
    body.theme-4 .sold-section {
        background: #ffffff !important;
    }

        body.theme-4 .sold-section .section-gradient-bottom {
            background: none !important;
            background-image: none !important;
        }

        body.theme-4 .view-all-btn {
            color: #00447C !important;
            border-color: #00447C !important;
        }

        body.theme-4 .sold-section .property-card {
            background: #ffffff !important;
            border: 1px solid #e0e0e0 !important;
        }

 
    /* === BLOG SECTION === */
    body.theme-4 .blog-section,
    body.theme-4 .blog-section .blog-container {
        background: #ffffff !important;
        background-image: none !important;
    }
    /* === PARTNERS SECTION === */
    body.theme-4 .partners-section {
        background: #ffffff !important;
        background-image: none !important;
    }

        body.theme-4 .partners-section .logo {
            filter: invert(1) brightness(0.2) !important; /* Make white logos dark */
        }

        body.theme-4 .partners-section .logos-divider {
            background: #00447C !important;
        }

body.theme-4 .logos-divider,
body.theme-4 .divider-footer {
    background: #00447C !important;
}
    /* === FOOTER === */
    body.theme-4 .footer-section {
        background: #ffffff !important;
        border-top: 2px solid #e0e0e0 !important;
    }

        body.theme-4 .footer-section *,
        body.theme-4 .footer-section a,
        body.theme-4 .footer-section p,
        body.theme-4 .footer-section span,
        body.theme-4 .footer-section .footer-title,
        body.theme-4 .footer-section .footer-contact,
        body.theme-4 .footer-section .copyright {
            color: #00447C !important;
        }

        body.theme-4 .footer-section .footer-bottom {
            border-top: 1px solid #e0e0e0 !important;
            background: #ffffff !important;
        }

        body.theme-4 .footer-section .footer-logo.logo-1 {
            filter: invert(1) brightness(0.2) !important; /* Make white logo dark */
        }
    /* === REMOVE ALL GRADIENTS (except header bg image) === */
    body.theme-4 .section-gradient-bottom,
    body.theme-4 .bg-quotation::before,
    body.theme-4 .bg-quotation::after {
        background: none !important;
        background-image: none !important;
    }
    /* === CAROUSEL ARROWS === */
    body.theme-4 .carousel-control-prev-icon,
    body.theme-4 .carousel-control-next-icon {
        filter: invert(1) !important;
    }

    body.theme-4 .custom-arrow {
        color: #00447C !important;
    }
    /* === FORMS / INPUTS === */
    body.theme-4 input,
    body.theme-4 select,
    body.theme-4 .form-control, body.theme-4 .submit-btn-popup-connect {
        color: #00447C !important;
    }

        body.theme-4 textarea::placeholder, body.theme-4 input::placeholder, body.theme-4 .search-input::placeholder {
            color: #00447C !important;
        }
    /* === CONNECT BUTTON === */
    body.theme-4 .connect-btn {
        background: #00447C !important;
        color: #ffffff !important;
    }

        body.theme-4 .connect-btn .connect-text {
            color: #ffffff !important;
        }

    body.theme-4 .custom-checkbox {
        border: 2px solid #00447C;
    }

    body.theme-4 .consent-check input:checked + .custom-checkbox {
        background: #00447C;
        border-color: #00447C;
    }
 
    /*Auctions page */
    body.theme-4 .upcoming-auctions {
        background: #ffffff !important;
    }

    body.theme-4 .auction-buttons .btn-details,
    body.theme-4 .section-title-line-auction::before,
    body.theme-4 .section-title-line-auction::after {
        background: #00447C !important;
    }

    body.theme-4 a.btn.btn-details {
        color: #ffffff !important;
    }

    body.theme-4 .upcoming-auctions {
        color: #00447C !important;
    }

    body.theme-4 span.badge-type {
        color: #2a5135 !important;
    }
    /* === THEME 4 - MOBILE OVERRIDES === */
    /* Mobile header */
    body.theme-4 .mobile-header {
        background: #ffffff !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }

    body.theme-4 .mobile-menu-btn {
        color: #00447C !important;
    }
    /* Mobile menu */
    body.theme-4 .mobile-menu {
        background: #ffffff !important;
    }

        body.theme-4 .mobile-menu a,
        body.theme-4 .mobile-menu button,
        body.theme-4 .mobile-nav li a,
        body.theme-4 .submenu-toggle,
        body.theme-4 .close-menu,
        body.theme-4 .mobile-top-info a,
        body.theme-4 .mobile-top-info span {
            color: #00447C !important;
        }
    /* Mobile lifestyle */
    body.theme-4 .lifeStyle-section-mobile {
        background: #ffffff !important;
    }
    /* Mobile map section */
    body.theme-4 .map-section-mobile {
        background: #ffffff !important;
    }
    /* Mobile expert section - KILL pseudo-element gradients */
    body.theme-4 .testimonialMobile-section,
    body.theme-4 .testimonialMobile-section .bg-quotation {
        background: #ffffff !important;
        background-image: none !important;
    }

        body.theme-4 .testimonialMobile-section .bg-quotation::before,
        body.theme-4 .testimonialMobile-section .bg-quotation::after,
        body.theme-4 .testimonial-section .bg-quotation::before,
        body.theme-4 .testimonial-section .bg-quotation::after {
            content: none !important;
            display: none !important;
        }

        body.theme-4 .section-title-expertMobile,
        body.theme-4 .testimonialMobile-section .description,
        body.theme-4 .testimonialMobile-section .author-text,
        body.theme-4 .mobile-title,
        body.theme-4 .mobile-tagline {
            color: #00447C !important;
        }

        body.theme-4 .testimonialMobile-section .expert-line {
            background: #00447C !important;
        }

        body.theme-4 .testimonialMobile-section .text-box {
            border-color: #00447C !important;
        }
    /* Mobile sold section */
    body.theme-4 .sold-mobile {
        background: #ffffff !important;
    }
    /* Mobile blog section */
    body.theme-4 .blog-mobile {
        background: #ffffff !important;
        background-image: none !important;
    }

        body.theme-4 .blog-mobile::before,
        body.theme-4 .blog-mobile::after {
            content: none !important;
            display: none !important;
        }
    /* Mobile gallery */
    body.theme-4 .galleryMobile-section {
        background: #ffffff !important;
    }
    /* Mobile footer */
    body.theme-4 .footer-mobile,
    body.theme-4 .footer-mobile .footer-container {
        background: #ffffff !important;
    }

        body.theme-4 .footer-mobile *,
        body.theme-4 .footer-mobile a,
        body.theme-4 .footer-mobile .footer-col-title a,
        body.theme-4 .footer-mobile .footer-bottom-mob a,
        body.theme-4 .footer-mobile .footer-legal-mob a,
        body.theme-4 .footer-mobile .agent-mob,
        body.theme-4 .footer-mobile .update-text-mob {
            color: #00447C !important;
        }

        body.theme-4 .footer-mobile .footer-line {
            background: #00447C !important;
        }
    /* === GLOBAL: Kill ALL pseudo-element gradients for theme-4 === */
    body.theme-4 *::before,
    body.theme-4 *::after {
        background: transparent !important;
        background-image: none !important;
    }
    /* Restore only specific pseudo-elements that need to stay (like title underlines) */
    body.theme-4 .section-title-line::after,
    body.theme-4 .section-title-line::before, body.theme-4 .section-title-line-left::before {
        background: #00447C !important;
    }

body.theme-4 .property-body {
    background: linear-gradient( to top, rgba(10, 61, 145, 0.86) 0%, rgba(10, 61, 145, 0.85) 30%, rgba(10, 61, 145, 0.4) 70%, transparent 100%) !important;
}



    body.theme-4 .property-card {
        box-shadow: none;
    }

    body.theme-4 .expert-line::after,
    body.theme-4 .map-divider::after,
    body.theme-4 .features-list li::after,
    body.theme-4 .features-list li::before,
    body.theme-4 .map-divider::after,
    body.theme-4 .mobile-divider::after {
        background: #00447C !important;
    }



    body.theme-4 .information-details,
    body.theme-4 .location-label-message,
    body.theme-4 .description_details,
    body.theme-4 .detail-label,
   
    body.theme-4 .property-price,
    body.theme-4 .price-label-united,
    body.theme-4 .read-more-btn,
    body.theme-4 .share-menu-item {
        color: #00447C !important;
    }


    body.theme-4 .uc-images .divider,
    body.theme-4 .footer-brands .brand-separator,
    body.theme-4 .section-title-line-lifestyle::before,
    body.theme-4 .section-title-line-lifestyle::after {
        background-color: #00447C !important;
    }

    body.theme-4 .footer-toggle .arrow {
        border-top: 14px solid #00447C !important;
    }

    body.theme-4 .lifeCard::after {
        border: 2px solid #00447C !important;
    }

    body.theme-4 .custom-dots li {
        background-color: #fff !important;
        border: 1px solid #00447C !important;
        opacity: 1;
    }

        body.theme-4 .custom-dots li.active {
            background-color: #00447C !important;
        }


    body.theme-4 .stats {
        border-top: 1px solid #00447C !important;
    }

    body.theme-4 .stat-item {
        border-right: 1px solid #00447C !important;
    }
    /* Mobile details */

    body.theme-4 .btn-photos {
        color: #00447C !important;
        border: 2px solid #00447C !important;
    }

    body.theme-4 .btn-bid {
        color: #ffffff !important;
        background: #00447C !important;
    }

    body.theme-4 .information-details-mobile {
        color: #00447C !important;
    }

body.theme-4 .divider-mob,
body.theme-4 .stats-line-mob,
body.theme-4 .submit-btn {
    background: #00447C !important;
}
    /* Mobile Auctions */
    body.theme-4 .upcoming-auctions-mobile {
        background: #ffffff !important;
        padding-top: 20px;
    }

    body.theme-4 .auction-buttons-mobile .btn-bid-mobile,
    body.theme-4 .auction-buttons-mobile .btn-details-mobile {
        background: #00447C !important;
        color: #ffffff !important;
    }

    body.theme-4 .bottom-line {
        background: #00447C !important;
    }

    body.theme-4 .blog-card {
        color: #00447C !important;
    }

body.theme-4 .location-card-city,
body.theme-4 .location-card-contact,
body.theme-4 .location-card span {
    color: #00447C !important;
}

/*****************image update ************************/
/* All themes except white — invert all images */
body.theme-1 .social-icons img,
body.theme-1 .social-icons-mobile img,
body.theme-1 .footer-logo,
body.theme-1 .footer-brands img,
body.theme-1 .uc-images img,
body.theme-1 .logo_img,
body.theme-2 .social-icons img,
body.theme-2 .social-icons-mobile img,
body.theme-2 .footer-logo,
body.theme-2 .footer-brands img,
body.theme-2 .uc-images img,
body.theme-2 .logo_img,
body.theme-3 .social-icons img,
body.theme-3 .social-icons-mobile img,
body.theme-3 .footer-logo,
body.theme-3 .footer-brands img,
body.theme-3 .logo-center img,
body.theme-3 .logo_img,
body.theme-3 .uc-images img {
    filter: brightness(0) invert(1) !important;
}

/* Theme 4 — remove filter */
body.theme-4 .social-icons img,
body.theme-4 .social-icons-mobile img,
body.theme-4 .footer-logo,
body.theme-4 .footer-brands img,
body.theme-4 .logo-center img,
body.theme-4 .logo_img,
body.theme-4 .uc-images img {
    filter: none !important;
}

/* Font Awesome social icons follow the theme text color instead of image filters */
body.theme-1 .social-icons a i,
body.theme-2 .social-icons a i,
body.theme-3 .social-icons a i {
    color: #ffffff !important;
}

body.theme-4 .social-icons a i {
    color: inherit !important;
}

body.theme-4 .faq-item {
    border-top: 1px solid #00447C !important;
}


body.theme-4 .work-with-us-title,
body.theme-4 .work-with-us-description,
body.theme-4 .work-with-us-btn,
body.theme-4 .article-card-meta {
    color: #ffffff !important;
}

body.theme-4 .article-card-content {
    background: #00447C;
}

body.theme-4 .bs-pagination .page-item:first-child .page-link,
body.theme-4 .bs-pagination .page-item:last-child .page-link,
body.theme-4 .bs-pagination .page-item.active .page-link,
body.theme-4 .bs-pagination .page-link:hover {

    border: 1px solid #00447C !important;
}


body.theme-4 .article-card-btn:hover {
    background: #fff;
    color: #00447C;
}

/* Theme 4 — About-Us page */

body.theme-4 .marketing-text p,
body.theme-4 .content p,
body.theme-4 .content-block-text p,
body.theme-4 .content-block-title,
body.theme-4 .btn-view {
    color: #00447C !important;
}

body.theme-4 .highlight {
    color: #ff00c8 !important;
}

/* Theme 4 — Meet-our-team page */

body.theme-4 #agentSearch::placeholder {
    color: #fff !important;
    opacity: 1;
}

body.theme-4 .learn-more,
body.theme-4 .contact-title,
body.theme-4 .consent-text,
body.theme-4 .contact-title h2,
body.theme-4 .contact-footer h5,
body.theme-4 .contact-footer p,
body.theme-4 .contact-footer .contact-links a {
    color: #00447C !important;
}


/* Theme 4 — Office location page */
body.theme-4 .description,
body.theme-4 .section-title h2,
body.theme-4 .view-all-btn-agent,
body.theme-4 .contact-info .office-name,
body.theme-4 .contact-info p,
body.theme-4 .contact-info .contact-link,
body.theme-4 .contact-info .contact-link a {
    color: #00447C !important;
}

body.theme-4 .contact-info {
    border-left: 2px solid #00447C;
}

body.theme-4 .image-frame-location {
    border: 1px solid #00447C;
}

/* Theme 4 — Article List page */

body.theme-4 #blogSearch::placeholder {
    color: #fff !important;
    opacity: 1;
}

body.theme-4 .article-card-btn {
    color: #00447C !important;
}

body.theme-4 .bs-pagination .page-item.active .page-link,
body.theme-4 .page-link {
    background: #00447C !important;
}

/* Theme 4 — Article details page */

body.theme-4 .blog-detail-title,
body.theme-4 .blog-detail-content,
body.theme-4 .blog-left h2,
body.theme-4 .blog-left p,
body.theme-4 .blog-detail-date,
body.theme-4 .trending-title,
body.theme-4 .text-capitalize,
body.theme-4 p span,
body.theme-4 ul li::marker,
body.theme-4 .article-author h4 {
    color: #00447C !important;
}

/* Theme 4 —  details Agents page */

body.theme-4 .profile-text p,
body.theme-4 .info-section .info-box h4,
body.theme-4 .info-section .info-box .unstyled-link {
    color: #00447C !important;
}

body.theme-4 .info-section .info-box .line {
    background-color: #00447C !important;
}

/* Theme 4 —  Buyer & Seller page */

body.theme-4 .buyer-seller-section p,
body.theme-4 .faq-question span,
body.theme-4 .faq-answer,
body.theme-4 .terms-card-title,
body.theme-4 .terms-card-desc,
body.theme-4 .terms-title,
body.theme-4 .terms-content .terms-list li,
body.theme-4 .terms-content .terms-list li::marker {
    color: #00447C !important;
}

body.theme-4 .terms-card-desc {
    border: 2px solid #00447C;
    border-left: none;
}

/* Theme 4 —  search page */

body.theme-4 .leaflet-marker-icon.price-label {
    background: #fff !important;
    color: #00447C !important;
}

    body.theme-4 .leaflet-marker-icon.price-label .price-label-text {
        color: #00447C !important;
    }

    body.theme-4 .leaflet-marker-icon.price-label:hover {
        background: #00447C !important;
    }

        body.theme-4 .leaflet-marker-icon.price-label:hover .price-label-text {
            color: #ffffff !important;
        }

        body.theme-4 .leaflet-marker-icon.price-label:hover .price-label-heart {
            color: #e0162b !important;
        }

    body.theme-4 .property-filter h1,
    body.theme-4 .property-filter p,
    body.theme-4 .filters-row .select2-selection__placeholder,
    body.theme-4 .listing-badge,
    body.theme-4 #toggleView span,
    body.theme-4 #toggleView i {
        color: #00447C !important;
    }

body.theme-4 .leaflet-marker-icon.marker-cluster div span {
    color: #ffffff !important;
}
body.theme-4 .filters-row .select2-selection__rendered,
body.theme-4 .marker-cluster span,
body.theme-4 .select2-results__option,
body.theme-4 .select2-results__option--highlighted {
    color: #00447C !important;
}

    body.theme-4 .filters-row .select2-selection__clear {
        color: inherit !important;
    }

    body.theme-4 .filter-pill-btn,
    body.theme-4 .filter-pill.has-value .filter-pill-btn {
        color: #00447C !important;
        border-color: #00447C !important;
    }

    body.theme-4 .filter-checkbox input:checked + .filter-checkbox-box {
        background-color: #00447C !important;
        border-color: #00447C !important;
    }

    body .theme-4 .filter-field .select2-container--default .select2-selection--single, body.theme-4 .filter-checkbox .filter-checkbox-box {
        border-color: #00447C !important;
    }

    body.theme-4 .filter-pill-label,
    body.theme-4 .select2-selection__placeholder,
    body.theme-4 .filter-checkbox .filter-checkbox-text,
    body.theme-4 .filter-panel-title,
    body.theme-4 .filter-select-all {
        color: #00447C !important;
    }
    /* Theme 4 —  Details page */

    body.theme-4 .meta-address > div {
        color: #00447C !important;
    }

    body.theme-4 .meta-row .listing-price,
    body.theme-4 .stat-item,
    body.theme-4 .share-property-text,
    body.theme-4 .features-title,
    body.theme-4 .property-details-title,
    body.theme-4 .nearBy-title,
    body.theme-4 .features-list li,
    body.theme-4 .features-list li strong,
    body.theme-4 .detail-label > div,
    body.theme-4 .detail-label .detail-value,
    body.theme-4 .agent-info .agent-role,
    body.theme-4 .agent-info .agent-actions a,
    body.theme-4 .agent-info .action-icon {
        color: #00447C !important;
    }
    /* Theme 4 —  Details page notfound */

    body.theme-4 .btn-notfound-outline,
    body.theme-4 .notfound-code,
    body.theme-4 .notfound-desc {
        color: #00447C !important;
    }
    /* Theme 4 — Flotaing Contact Form */
    body.theme-4 .agent-title-contact-float,
    body.theme-4 .agent-phone-contact-float,
    body.theme-4 .message-box-contact-float {
        color: #00447C !important;
    }

    body.theme-4 .cb-box::after {
        border-color: #00447C !important;
    }
    /* Theme 4 — popup Form */
    body.theme-4 .popup-overlay p {
        color: #00447C !important;
    }

    body.theme-4 .contact-title span {
        color: #00447C !important;
    }


    body.theme-4 .privacy-section .description p,
    body.theme-4 .privacy-section .description li {
        color: #00447C !important;
    }
    /* Theme 4 — login & register page */

    body.theme-4 .auth-btn.active {
        background: #fff !important;
        color: #00447C !important;
    }

    body.theme-4 .btn-login {
        background: #00447C !important;
        color: #fff !important;
    }

    body.theme-4 .label-register-check {
        color: #00447C !important;
    }

    body.theme-4 .check-input-login {
        border: 3px solid #00447C !important;
    }

        body.theme-4 .check-input-login:checked {
            background: #00447C !important;
            border-color: #00447C !important;
        }

    body.theme-4 .form-check-label {
        color: #00447C !important;
    }

    body.theme-4 .box-form-login {
        background: #f8f9fa !important;
    }

    body.theme-4 .auth-btn {
        color: #00447C !important;
    }

    body.theme-4 .auth-btn {
        color: #00447C !important;
    }

        body.theme-4 .auth-btn.active {
            background: #00447C !important;
            color: #fff !important;
        }
    /* Theme 4 — User Profile page */
    body.theme-4 .button-user-save {
        background: #00447C !important;
    }

    body.theme-4 .box-form-login h2,
    body.theme-4 .password-wrap span {
        color: #00447C !important;
    }

/* Theme 4 —  My favorite page */
body.theme-4 #map-favorite .price-label:hover {
    background: #00447C !important;
    color: #fff !important;
}

body.theme-4 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #00447C !important;
}

body.theme-4 .text-favorites,
body.theme-4 .view-btn {
    color: #00447C !important;
}
body.theme-4 .view-btn.active {
    background: #00447C !important;
    color: #fff !important;
}
 
body.theme-4 .marker-cluster-small div {
    background-color: #00447C !important;
}

body.theme-4 .tag_heart.isFav .fa-solid.fa-heart {
    color: #e8412a !important;
}

body.theme-4 .favorite-button.isFav .fa-solid.fa-heart {
    color: #e8412a !important;
}


/* Theme 4 —  Navbar menu */
body.theme-4 .top-info .consumer-auth__menu button {
    color: #00447C !important;
}

body.theme-4 .top-info span.consumer-auth__heart {
    color: #e8412a !important;
}