/* Black & Silver Theme Override - Replaces all brown colors */

/* Replace brown accent colors with silver/black */
#c88b3f, .theme-color, .theme-bg, .button-brown, .btn-browns {
    color: #888 !important;
    background: #888 !important;
    border-color: #888 !important;
}

/* Brown color replacements */
[style*="#c88b3f"], [style*="#ba9b1e"], [style*="#b2752d"], [style*="rgb(186, 155, 30)"], [style*="rgb(178, 117, 45)"] {
    color: #888 !important;
    background: #888 !important;
    border-color: #888 !important;
}

/* Specific brown color overrides */
.topbar-call ul li i,
.search-cart i.icon:hover,
.search .search-btn:hover,
.search .search-box button:hover,
.cart-item .cart-name a:hover,
.cart-price ins,
.mega-menu .menu-links>li.active .drop-down-multilevel a:hover,
.mega-menu .menu-links>li.active .drop-down a:hover,
.mega-menu .menu-links>li.active .drop-down li.active a,
.mega-menu .menu-links>li.active .drop-down li.active a i,
.mega-menu .menu-links>li.active .drop-down a i:hover,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active a,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active i,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.mega-menu .drop-down-multilevel a:hover i.fa-indicator,
.mega-menu .drop-down-multilevel li.active a i.fa-indicator,
.header.light .mega-menu .menu-links>li>a:hover,
.header.light .mega-menu .menu-links>li.active>a,
.header.light .search-cart i.icon:hover,
.header.light .search .search-btn:hover,
.header.fancy .mega-menu .menu-links>li>a:hover,
.header.fancy .mega-menu .menu-links>li.active>a,
.header.fancy .search-cart i.icon:hover,
.header.fancy .search .search-btn:hover,
.header.text-dark .topbar ul li a:hover,
.header.text-dark .mega-menu .menu-links>li>a:hover,
.header.text-dark .mega-menu .menu-links>li.active>a,
.header.text-dark .search-cart i.icon:hover,
.header.text-dark .search .search-btn:hover,
.header.text-dark .mega-menu .drop-down a:hover i.fa,
.header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa,
.header.text-dark .mega-menu .menu-links>li.active .drop-down li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down li a:hover,
.header.text-dark .mega-menu .drop-down a:hover,
.header.text-dark .mega-menu .drop-down-tab-bar a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel a:hover,
.header.text-dark .mega-menu .drop-down-multilevel a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active i,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator,
.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator,
.header.dark-dropdown .mega-menu .drop-down a:hover i.fa,
.header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down li.active a,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down li a:hover,
.header.dark-dropdown .mega-menu .drop-down a:hover,
.header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel a:hover,
.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active a,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active i,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.dark-dropdown .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator,
.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.side-menu-icon .menu-icon:hover,
header.one-page.light .navbar-inverse .navbar-nav>li>a:hover,
header.one-page.light .navbar-inverse .navbar-nav>.active>a,
header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus,
header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover,
header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover,
header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a,
header.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover,
header.one-page.dark-text .navbar-inverse .navbar-nav>.active>a,
header.one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus,
header.one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover,
.header.burger .menu-icon:hover,
.personal-typer-banner b,
.personal-typer-banner h1,
.slider-content .typer,
.popup-video-banner a span,
.popup-video-banner a:hover span,
.video-background-banner .slider-content,
.service-blog ul,
.service-blog.left ul,
.resume-block .resume-icon span,
.isotope-filters button.active,
.isotope-filters button:hover,
.portfolio-item .portfolio-overlay,
.portfolio-item a.popup:hover,
.portfolio-item-2 .portfolio-hover .hover-name a:hover,
.portfolio-item-2 .portfolio-hover .hover-icon a:hover,
.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover,
.no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover,
.port-post-social a:hover,
.blog-box .post-category a,
.blog-box .border,
.blog-box a.blog-btn,
.blog-entry .entry-meta ul li i,
.blog-entry .entry-meta ul li a i,
.blog-entry .entry-meta ul li a:hover,
.blog-entry.blockquote,
.blog-entry.blockquote blockquote,
.blog-entry.blockquote .blog-detail .entry-title a:hover,
.blog-entry.blockquote .social ul li a:hover,
.blog-entry.blockquote .entry-meta ul li a:hover,
.blog-entry.blockquote .button.arrow.white:hover,
.feature-step a,
.feature-step a:hover,
.contact-box i,
.contact-3 .contact-add i,
.contact-3 .theme-bg.contact-add i,
.contact-social ul li a:hover,
.footer-contact .contact-box .contact-icon i,
.sidebar-widget .recent-post .recent-post-info a:hover,
.sidebar-widget .recent-post .recent-post-info span,
.sidebar-widget .widget-categories li a:hover,
.sidebar-widget .widget-categories li a:hover i,
.sidebar-widget .widget-link li a:hover,
.sidebar-widget .widget-tags li a:hover,
.sidebar-widget .recent-item .recent-title a:hover,
.about-me .contact-me i,
.about-me .follow-me li a,
.about-me .follow-me li a:hover,
.team-details .social li a,
.team-details .social li a:hover,
.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.isotope-filters button.active,
.isotope-filters button:hover,
.blog .timeline li:hover .timeline-panel,
.blog .timeline li:hover .timeline-badge,
.blog .timeline li:hover .timeline-panel:before,
.blog .timeline li.entry-date-bottom a:hover,
.services-text-box-green,
.custom-content,
.our-history .timeline>li>.timeline-badge,
.maintenance-progress-bar .progress-bar .rotate,
.maintenance-progress-bar .progress-bar .right {
    color: #888 !important;
    background: #888 !important;
    border-color: #888 !important;
}

/* Background color replacements */
.theme-bg,
.header.fancy .topbar,
.services-text-box-green,
.custom-content {
    background: #888 !important;
}

/* Button and link hover states */
.button:hover,
.btn:hover,
a:hover {
    color: #888 !important;
    background: #888 !important;
    border-color: #888 !important;
}

/* Specific brown background replacements */
[style*="background-color: rgb(186, 155, 30)"],
[style*="background-color: #ba9b1e"],
[style*="background-color: #b2752d"],
[style*="background-color: #c88b3f"] {
    background-color: #888 !important;
}

/* Text color replacements */
[style*="color: #b2752d"],
[style*="color: #ba9b1e"],
[style*="color: #c88b3f"] {
    color: #888 !important;
}

/* Box shadow replacements */
[style*="box-shadow: inset 178px 0 0 0 #c88b3f"] {
    box-shadow: inset 178px 0 0 0 #888 !important;
}

/* Gradient replacements */
[style*="linear-gradient"][style*="#c88b3f"],
[style*="linear-gradient"][style*="#ba9b1e"],
[style*="linear-gradient"][style*="#b2752d"] {
    background: linear-gradient(to left, #888 25%, #666 80%) !important;
}

/* Specific element overrides */
.btn-browns {
    background: linear-gradient(to left, #888 25%, #666 80%) !important;
}

.btn-browns:hover {
    background: #ffffff !important;
    border-color: #666 !important;
    color: #666 !important;
}

/* Theme color class overrides */
.theme-color {
    color: #888 !important;
}

/* Background image replacements for brown backgrounds */
[style*="background-image: url(/images2/brownbg.png)"] {
    background-image: none !important;
    background-color: #888 !important;
}

/* Specific overrides for the brown section in the HTML source */
.page-section-ptb.theme-bg.pgs-background.custom-bg-image {
    background-color: #888 !important;
    background-image: none !important;
}

/* Override the brown title color */
.title[style*="color:#b2752d"] {
    color: #888 !important;
}

/* Override any remaining brown colors in the HTML */
h2.title[style*="color:#b2752d"],
.title[style*="color:#b2752d"] {
    color: #888 !important;
}

/* Ensure all brown colors are replaced */
* {
    color: inherit !important;
}

/* Force override for any remaining brown colors */
[style*="#c88b3f"], [style*="#ba9b1e"], [style*="#b2752d"], [style*="rgb(186, 155, 30)"], [style*="rgb(178, 117, 45)"] {
    color: #888 !important;
    background: #888 !important;
    border-color: #888 !important;
}