/* Custom Gold and Black Theme Colors */
/* Using gold gradient colors (#B8860B - Dark Goldenrod) */
/* Replace dark colors (#19142d, #1c1632) with black (#000000) */

/* Top Bar */
.roofing-topbar-section {
    background: #000000 !important;
}

.roofing-top-menu ul li a i,
.roofing-top-social-icon ul li a:hover i {
    color: #B8860B !important;
}

/* Header */
.roofing-header-section::before,
.roofing-header-section::after,
.roofing-header-section.style-two::before {
    background: #B8860B !important;
}

.roofing-menu ul li a:hover {
    color: #B8860B !important;
}

.roofing-menu ul .sub-menu {
    border-top: 2px solid #B8860B !important;
}

.roofing-menu ul .sub-menu ul li a:hover {
    background: #B8860B !important;
    color: #fff !important;
}

a.handbag:before {
    background: #B8860B !important;
}

/* Buttons */
.roofing-btn a {
    background: #B8860B !important;
}

.roofing-btn a::before {
    background-color: #000000 !important;
}

.roofing-btn.get a {
    color: #B8860B !important;
}

.roofing-btn.pircing a:hover {
    color: #B8860B !important;
}

/* Slider */
.slider-content.style-two h4,
.slider-content.style-two h1 {
    color: #000000 !important;
}

.owl-prev i {
    background: #B8860B !important;
}

.owl-prev i:hover {
    color: #B8860B !important;
}

.owl-next i {
    color: #B8860B !important;
}

.owl-next i::after {
    background: #B8860B !important;
}

/* About Section */
.about-text {
    background: #B8860B !important;
}

.about-text.style-two {
    background-color: #B8860B !important;
}

.about-list ul li,
.about-section-main-title h2,
.about-us-phone h5 {
    color: #000000 !important;
}

.about-list ul li i,
.about-us-icon i {
    color: #B8860B !important;
}

.about-section-sub-title h4::before,
.about-section-sub-title h4::after {
    background: #B8860B !important;
}

.about-number-two.style-two h4,
.about-counter-content h5 {
    color: #000000 !important;
}

.about-video-icon a {
    background: #B8860B !important;
}

.about-number-two.style-two h4 {
    background: #B8860B !important;
}

/* Section Titles */
.section-sub-title h4 {
    color: #B8860B !important;
}

.section-sub-title::before,
.section-sub-title::after,
.section-sub-title h4::before,
.section-sub-title h4::after {
    background: #B8860B !important;
}

.section-main-title h2 {
    color: #000000 !important;
}

/* Services */
.service-icon-thumb {
    background: #B8860B !important;
}

.service-text {
    border: 1px dashed #B8860B !important;
}

.sevice-text-icon i {
    color: #B8860B !important;
}

.service-text-content h4 a:hover {
    color: #B8860B !important;
}

/* Form */
.form-box i {
    color: #B8860B !important;
}

.form-box-button button {
    background-color: #000000 !important;
}

.form-box-button button:hover {
    color: #B8860B !important;
}

/* Progress Bar */
span.process-bar {
    color: #000000 !important;
}

.barfiller .tip {
    color: #000000 !important;
}

span.fill {
    background: #B8860B !important;
}

/* Counter */
.counter-item-box {
    border: 1px dashed #B8860B !important;
}

/* Call to Action */
.col-do-icon i {
    position: relative;
}

/* Team */
.team-icon ul li a i {
    color: #B8860B !important;
}

.team-icon ul li a i::after {
    background: #B8860B !important;
}

/* Additional Elements */
.about-shape img,
.choose-icon-thumb img {
    filter: hue-rotate(30deg) saturate(1.5);
}

/* Active Menu State */
.roofing-menu ul li a.active {
    color: #B8860B !important;
    font-weight: 600;
}
