/* =========================================================
   AGENTVIEW Public Website Color Schemes
   Applies site-wide except hero and header.
========================================================= */


/* =========================================================
   Color Variables
========================================================= */

body.website-color-classic {
    --av-primary: #467fcf;
    --av-primary-dark: #2f5fa8;
    --av-accent: #f39c12;
    --av-accent-dark: #d98200;
    --av-dark: #1f2937;
    --av-muted: #6b7280;
    --av-light-bg: #f8f9fa;
    --av-border: #e5e7eb;
}

body.website-color-luxury_black {
    --av-primary: #111827;
    --av-primary-dark: #05070d;
    --av-accent: #d4af37;
    --av-accent-dark: #b88f22;
    --av-dark: #111111;
    --av-muted: #6b7280;
    --av-light-bg: #f7f4ef;
    --av-border: #e4d8bd;
}

body.website-color-modern_green {
    --av-primary: #2f855a;
    --av-primary-dark: #276749;
    --av-accent: #68d391;
    --av-accent-dark: #38a169;
    --av-dark: #10251a;
    --av-muted: #66756d;
    --av-light-bg: #f4fbf7;
    --av-border: #d7eadf;
}

body.website-color-soft_neutral {
    --av-primary: #4a5568;
    --av-primary-dark: #2d3748;
    --av-accent: #cbd5e0;
    --av-accent-dark: #a0aec0;
    --av-dark: #1f2937;
    --av-muted: #718096;
    --av-light-bg: #f7f8fa;
    --av-border: #e2e8f0;
}


/* =========================================================
   Global Text / Links
   Excludes hero, header, and footer.
========================================================= */

body[class*="website-color-"] main a,
body[class*="website-color-"] .ftco-section a {
    color: var(--av-primary);
}

body[class*="website-color-"] main a:hover,
body[class*="website-color-"] .ftco-section a:hover {
    color: var(--av-primary-dark);
}


/* =========================================================
   Buttons
   Excludes hero, header, and footer custom buttons.
========================================================= */

body[class*="website-color-"] .ftco-section .btn-primary,
body[class*="website-color-"] .contact-section .btn-primary {
    background: var(--av-primary) !important;
    border-color: var(--av-primary) !important;
    color: #ffffff !important;
}

body[class*="website-color-"] .ftco-section .btn-primary:hover,
body[class*="website-color-"] .contact-section .btn-primary:hover {
    background: var(--av-primary-dark) !important;
    border-color: var(--av-primary-dark) !important;
    color: #ffffff !important;
}

body[class*="website-color-"] .ftco-section .btn-outline-primary,
body[class*="website-color-"] .contact-section .btn-outline-primary {
    border-color: var(--av-primary) !important;
    color: var(--av-primary) !important;
}

body[class*="website-color-"] .ftco-section .btn-outline-primary:hover,
body[class*="website-color-"] .contact-section .btn-outline-primary:hover {
    background: var(--av-primary) !important;
    border-color: var(--av-primary) !important;
    color: #ffffff !important;
}


/* =========================================================
   Section Backgrounds / Borders
========================================================= */

body[class*="website-color-"] .ftco-section:nth-of-type(even) {
    background: var(--av-light-bg);
}

body[class*="website-color-"] .ftco-section .card,
body[class*="website-color-"] .ftco-section .testimony-wrap,
body[class*="website-color-"] .ftco-section .blog-card {
    border-color: var(--av-border);
}


/* =========================================================
   Section Headings
========================================================= */

body[class*="website-color-"] .ftco-section .heading-section h2,
body[class*="website-color-"] .ftco-section h2,
body[class*="website-color-"] .ftco-section h3,
body[class*="website-color-"] .ftco-section h4 {
    color: var(--av-dark);
}

body[class*="website-color-"] .ftco-section .heading-section span.subheading {
    color: var(--av-primary) !important;
}


/* =========================================================
   Icons / Accents
========================================================= */

body[class*="website-color-"] .ftco-section .icon,
body[class*="website-color-"] .ftco-section .icon span,
body[class*="website-color-"] .ftco-section .flaticon,
body[class*="website-color-"] .ftco-section .ion-ios-checkmark,
body[class*="website-color-"] .ftco-section .fa-check {
    color: var(--av-primary);
}

body[class*="website-color-"] .ftco-section .bg-primary {
    background: var(--av-primary) !important;
}

body[class*="website-color-"] .ftco-section .text-primary {
    color: var(--av-primary) !important;
}


/* =========================================================
   Carousel / Scroll Buttons
========================================================= */

body[class*="website-color-"] .ftco-section .scroll-btn {
    background-color: var(--av-primary);
}

body[class*="website-color-"] .ftco-section .scroll-btn:hover {
    background-color: var(--av-primary-dark);
}


/* =========================================================
   Forms
========================================================= */

body[class*="website-color-"] .ftco-section input:focus,
body[class*="website-color-"] .ftco-section textarea:focus,
body[class*="website-color-"] .ftco-section select:focus,
body[class*="website-color-"] .ftco-section .form-control:focus,
body[class*="website-color-"] .contact-section input:focus,
body[class*="website-color-"] .contact-section textarea:focus,
body[class*="website-color-"] .contact-section select:focus,
body[class*="website-color-"] .contact-section .form-control:focus {
    border-color: var(--av-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(70, 127, 207, 0.15);
}

/* =========================================================
   Inner Page Header + Banner Theme
   Applies only to subpages using body.inner-page
========================================================= */

body.inner-page.website-color-classic {
    --av-inner-nav: #10233f;
    --av-inner-banner-1: rgba(70, 127, 207, 0.82);
    --av-inner-banner-2: rgba(0, 166, 255, 0.70);
}

body.inner-page.website-color-luxury_black {
    --av-inner-nav: #080808;
    --av-inner-banner-1: rgba(5, 7, 13, 0.86);
    --av-inner-banner-2: rgba(212, 175, 55, 0.46);
}

body.inner-page.website-color-modern_green {
    --av-inner-nav: #10251a;
    --av-inner-banner-1: rgba(16, 37, 26, 0.84);
    --av-inner-banner-2: rgba(47, 133, 90, 0.66);
}

body.inner-page.website-color-soft_neutral {
    --av-inner-nav: #1f2937;
    --av-inner-banner-1: rgba(31, 41, 55, 0.84);
    --av-inner-banner-2: rgba(74, 85, 104, 0.60);
}


/* Inner page nav */
body.inner-page .av-header-modern-agent .navbar {
    background: var(--av-inner-nav) !important;
    border-bottom: 0 !important;
}

body.inner-page .av-header-modern-agent .nav-link {
    color: rgba(255,255,255,0.88) !important;
}

body.inner-page .av-header-modern-agent .nav-link:hover {
    color: #ffffff !important;
}

body.inner-page .av-header-modern-agent .nav-link::after {
    background: var(--av-accent) !important;
}


/* Inner page top/logo row */
body.inner-page .av-header-modern-agent .bg-top {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

body.inner-page .av-header-modern-agent .navbar-brand span {
    color: #1f2937 !important;
}

body.inner-page .av-header-modern-agent .fab {
    color: #1f2937 !important;
}

body.inner-page .av-header-modern-agent .fab:hover {
    color: var(--av-primary) !important;
}


/* Inner page banner */
body.inner-page .hero-wrap-2 {
    min-height: 250px;
    background-position: center center !important;
}

body.inner-page .hero-wrap-2 .overlay {
    background: linear-gradient(
        90deg,
        var(--av-inner-banner-1) 0%,
        var(--av-inner-banner-2) 100%
    ) !important;
    opacity: 1 !important;
}

body.inner-page .hero-wrap-2 .slider-text {
    min-height: 250px;
}

body.inner-page .hero-wrap-2 h1.bread {
    color: #ffffff !important;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.6px;
    text-shadow: 0 10px 28px rgba(0,0,0,0.28);
}

body.inner-page .hero-wrap-2 h1.bread small {
    display: block;
    color: rgba(255,255,255,0.86) !important;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

/* =========================================================
   AGENTVIEW Contact Form
   Applies color scheme to custom contact form.
========================================================= */

body[class*="website-color-"] .ftco-section .agentview-form .form-title,
body[class*="website-color-"] .contact-section .agentview-form .form-title {
    color: var(--av-dark) !important;
}

body[class*="website-color-"] .ftco-section .agentview-form .av-input,
body[class*="website-color-"] .contact-section .agentview-form .av-input {
    border-color: var(--av-border) !important;
}

body[class*="website-color-"] .ftco-section .agentview-form .av-input:focus,
body[class*="website-color-"] .contact-section .agentview-form .av-input:focus {
    border-color: var(--av-primary) !important;
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--av-primary) 22%, transparent) !important;
}

body[class*="website-color-"] .ftco-section .agentview-form .av-btn,
body[class*="website-color-"] .contact-section .agentview-form .av-btn {
    background: var(--av-primary) !important;
    border-color: var(--av-primary) !important;
    color: #ffffff !important;
}

body[class*="website-color-"] .ftco-section .agentview-form .av-btn:hover,
body[class*="website-color-"] .contact-section .agentview-form .av-btn:hover {
    background: var(--av-primary-dark) !important;
    border-color: var(--av-primary-dark) !important;
    color: #ffffff !important;
}

body[class*="website-color-"] .ftco-section .agentview-form small,
body[class*="website-color-"] .contact-section .agentview-form small {
    color: var(--av-muted) !important;
}

/* =========================================================
   AGENTVIEW Contact Forms
   Applies color scheme to contact forms anywhere on the site,
   including modals and sidebars.
========================================================= */

body[class*="website-color-"] .agentview-form .form-title,
body[class*="website-color-"] .modal .form-title {
    color: var(--av-dark) !important;
}

body[class*="website-color-"] .agentview-form .av-input,
body[class*="website-color-"] .modal .av-input {
    border-color: var(--av-border) !important;
}

body[class*="website-color-"] .agentview-form .av-input:focus,
body[class*="website-color-"] .modal .av-input:focus {
    border-color: var(--av-primary) !important;
    box-shadow: 0 0 0 0.15rem rgba(70,127,207,.18) !important;
}

body[class*="website-color-"] .agentview-form .av-btn,
body[class*="website-color-"] .modal .av-btn,
body[class*="website-color-"] .agentview-form .btn-primary,
body[class*="website-color-"] .modal .btn-primary {
    background: var(--av-primary) !important;
    border-color: var(--av-primary) !important;
    color: #ffffff !important;
}

body[class*="website-color-"] .agentview-form .av-btn:hover,
body[class*="website-color-"] .modal .av-btn:hover,
body[class*="website-color-"] .agentview-form .btn-primary:hover,
body[class*="website-color-"] .modal .btn-primary:hover {
    background: var(--av-primary-dark) !important;
    border-color: var(--av-primary-dark) !important;
    color: #ffffff !important;
}

body[class*="website-color-"] .agentview-form small,
body[class*="website-color-"] .modal small {
    color: var(--av-muted) !important;
}

body[class*="website-color-"] .modal-header h1,
body[class*="website-color-"] .modal-header h2,
body[class*="website-color-"] .modal-header h3,
body[class*="website-color-"] .modal-header h4,
body[class*="website-color-"] .modal-header h5 {
    color: var(--av-dark) !important;
}

/* =========================================================
   Footer Protection
   Keep footer independent from website color schemes.
========================================================= */

body[class*="website-color-"] footer,
body[class*="website-color-"] .ftco-footer {
    background: #252525 !important;
    color: rgba(255,255,255,0.75) !important;
}

body[class*="website-color-"] footer p,
body[class*="website-color-"] footer span,
body[class*="website-color-"] footer li,
body[class*="website-color-"] footer small,
body[class*="website-color-"] .ftco-footer p,
body[class*="website-color-"] .ftco-footer span,
body[class*="website-color-"] .ftco-footer li,
body[class*="website-color-"] .ftco-footer small {
    color: rgba(255,255,255,0.75) !important;
}

body[class*="website-color-"] footer h1,
body[class*="website-color-"] footer h2,
body[class*="website-color-"] footer h3,
body[class*="website-color-"] footer h4,
body[class*="website-color-"] footer h5,
body[class*="website-color-"] footer h6,
body[class*="website-color-"] .ftco-footer h1,
body[class*="website-color-"] .ftco-footer h2,
body[class*="website-color-"] .ftco-footer h3,
body[class*="website-color-"] .ftco-footer h4,
body[class*="website-color-"] .ftco-footer h5,
body[class*="website-color-"] .ftco-footer h6 {
    color: #ffffff !important;
}

body[class*="website-color-"] footer a,
body[class*="website-color-"] .ftco-footer a {
    color: rgba(255,255,255,0.78) !important;
}

body[class*="website-color-"] footer a:hover,
body[class*="website-color-"] .ftco-footer a:hover {
    color: #ffffff !important;
}

body[class*="website-color-"] footer .icon,
body[class*="website-color-"] footer .fa,
body[class*="website-color-"] footer .fal,
body[class*="website-color-"] footer .fas,
body[class*="website-color-"] footer .fab,
body[class*="website-color-"] .ftco-footer .icon,
body[class*="website-color-"] .ftco-footer .fa,
body[class*="website-color-"] .ftco-footer .fal,
body[class*="website-color-"] .ftco-footer .fas,
body[class*="website-color-"] .ftco-footer .fab {
    color: #ffffff !important;
}