/*------------------------------------------------------------------
    Bharmal Builders & Developers - Color Overrides
    Primary Red: #C1272D
    Secondary Brown: #3D2517
    Dark Text: #252525
    Version: 1.0.0
-------------------------------------------------------------------*/

/* ===============================================
   PRIMARY COLOR REPLACEMENTS (#ffbe00 -> #C1272D)
   =============================================== */

/* Links and Hover States */
a:hover, a:focus {
    color: #C1272D;
}

.primary-color {
    color: #C1272D !important;
}

.primary-color-2 {
    color: #C1272D !important;
}

/* Buttons */
.btn:hover {
    background: #C1272D;
    color: #fff;
}

.btn-more:hover {
    background: #C1272D;
    box-shadow: 4px 4px 0 #9a1f24;
}

.btn-yellow {
    background: #C1272D;
    color: #fff;
}

.btn-yellow:hover {
    background: #3D2517;
    color: #fff;
}

.btn-blue {
    background: #C1272D;
    color: #fff;
    outline: 4px solid rgba(193, 39, 45, 0.3);
}

.btn-blue:hover {
    background: #3D2517;
    outline: 4px solid #C1272D;
}

.btn-white:hover {
    background: #C1272D;
    border-color: #3D2517;
    outline: 4px solid #3D2517;
}

/* Headings */
.heading hr,
hr.main {
    background: #C1272D;
}

.heading h3 span {
    color: #C1272D;
}

/* Header & Navigation */
header {
    border-bottom: 3px solid #C1272D;
}

header .navbar li a:hover,
header .navbar li.active a {
    color: #C1272D;
}

header .quotes a {
    background: #C1272D;
}

header .quotes a:hover {
    background: #3D2517;
}

.top-info .social li a:hover {
    background: #C1272D;
}

/* Services Section */
.intro-ser .tag {
    background: #C1272D;
}

.intro-ser h6:before {
    background: #C1272D;
}

.intro-ser a {
    border-bottom: 1px dashed #C1272D;
    color: #C1272D;
}

.services-intro .icon {
    background: #C1272D;
}

/* Portfolio/Work Section */
.latest-work .filter li a:hover,
.latest-work .filter li a.active {
    color: #C1272D;
}

.latest-work .filter.tabs li a.active {
    color: #C1272D;
    border: 2px solid #C1272D;
}

/* Why Choose Us */
.num-process .icon span {
    background: #C1272D;
}

.we-are-good .go:before {
    background: #C1272D;
}

/* Testimonials */
.testi h5 {
    color: #C1272D;
}

/* Cost Calculator */
.cost-cal .calculate {
    background: #C1272D url(../images/bg/cost-top-bg.jpg) top no-repeat;
}

/* Team Members */
.team-member span {
    color: #C1272D;
}

.team-member .social li a:hover {
    background: #C1272D;
    border-color: #C1272D;
}

.team ul li article span {
    color: #C1272D;
}

/* Blog */
.blog .btn {
    background: #C1272D;
}

.blog .btn:hover {
    background: #3D2517;
}

.blog .date {
    background: #C1272D;
}

/* Footer */
footer .social li a:hover {
    background: #C1272D;
}

/* Pagination */
.pagination>li>a:hover {
    background: #C1272D;
    border-color: #C1272D;
}

/* Tags */
.tags a:hover {
    border: 1px solid #C1272D;
    background: #C1272D;
    border-color: #C1272D;
}

/* Popular Post */
.papu-post span {
    color: #C1272D;
}

/* Pager */
.pager {
    border-top: 1px solid #C1272D;
    border-bottom: 1px solid #C1272D;
}

/* Emergency/Process Numbers */
.procsss .numb {
    background: #C1272D;
}

.procsss li:hover .numb {
    color: #C1272D;
}

/* Categories */
.cate li:before {
    color: #C1272D;
}

.cate li span {
    background: #C1272D;
}

.cate li a:hover {
    color: #C1272D;
}

/* Tabs */
#tabs .nav-tabs > li.active a,
#tabs .nav-tabs > li:hover a {
    border-top: 2px solid #C1272D;
    color: #C1272D;
}

/* Contact Form */
.contact-form input:focus,
.contact-form textarea:focus {
    border: 1px solid #C1272D !important;
}

/* ===============================================
   SECONDARY COLOR (Brown) - #3D2517
   =============================================== */

/* Dark Buttons */
.btn {
    background: #3D2517;
}

/* Navigation Dropdown */
.ownmenu ul.dropdown {
    background: #3D2517;
}

/* Accordion Icons */
#accordion .icon-accor {
    background: #3D2517;
}

/* ===============================================
   HOVER EFFECTS & ADDITIONAL ADJUSTMENTS
   =============================================== */

/* Get a Quote Button Hover */
header .quotes a:hover {
    background: #3D2517;
}

/* Service Links */
.intro-ser a:hover {
    color: #3D2517;
}

/* Portfolio Hover States */
.gal-item .hover-info {
    background: rgba(61, 37, 23, 0.95);
}

/* Team Hover */
.team .team-hover,
.team .team-name {
    background: rgba(61, 37, 23, 0.95);
}

/* Promo Section */
.promo .overlay,
.promo .overlay:before {
    background: rgba(61, 37, 23, 0.95);
}

.promo .overlay:after {
    border-bottom: 340px solid rgba(61, 37, 23, 0.95);
}

/* ===============================================
   ADDITIONAL BRAND ENHANCEMENTS
   =============================================== */

/* Brand-specific hover states */
.btn-blue:hover,
.btn-white {
    background: #3D2517;
}

/* Owl Carousel Navigation Hovers */
.testi .owl-nav div.owl-prev:hover,
.testi .owl-nav div.owl-next:hover,
.clients .owl-nav div.owl-prev:hover,
.clients .owl-nav div.owl-next:hover {
    background: #3D2517;
    border-color: #3D2517;
}

/* List Style Icons */
.list-style li:before {
    color: #C1272D;
}

/* Comments */
.comments .media h6 span {
    color: #C1272D;
}

.comments .btn.raply {
    background: #C1272D;
}

.comments .btn.raply:hover {
    background: #3D2517;
}

/* Blockquote Border */
.news-post blockquote {
    border-left-color: #C1272D;
}

/* Sub-footer Icons */
.sub-footer {
    background: #3D2517;
}

/* Appoinment Form Submit */
.appoinment .btn {
    background: #C1272D;
}

.appoinment .btn:hover {
    background: #3D2517;
}

/* Error Page */
.error-page h1 {
    color: #C1272D;
}

/* ===============================================
   RESPONSIVE BRAND COLORS
   =============================================== */

@media (max-width: 767px) {
    header {
        border-bottom: 3px solid #C1272D;
    }

    .btn-blue,
    .btn-yellow {
        background: #C1272D;
    }
}

/* ===============================================
   CUSTOM GRADIENTS (OPTIONAL ENHANCEMENTS)
   =============================================== */

/* Gradient for hover states on major buttons */
.btn-blue:hover,
.btn-yellow:hover {
    background: linear-gradient(135deg, #C1272D 0%, #9a1f24 100%);
}

/* Subtle gradient for cost calculator */
.cost-cal .calculate {
    background: linear-gradient(to bottom, #C1272D 0%, #a02227 100%) url(../images/bg/cost-top-bg.jpg) top no-repeat;
}