/* ===============================
   GLOBAL TYPOGRAPHY RESET
   =============================== */

/* Base font for everything */
body {
    background-color: #000;
    color: #ffffff !important;
    font-family: "Open Sans", Arial, sans-serif;
}

/* All normal text = WHITE */
p, span, li, div, label, small {
    color: #ffffff !important;
    line-height: 1.7;
    font-weight: 400;
}

/* ===============================
   ALL TITLES = GOLD
   =============================== */

h1, h2, h3, h4, h5, h6 {
    color: #d4af37 !important; /* premium gold */
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

/* Optional underline for section headings */
section h2,
section h3 {
    border-bottom: 2px solid #d4af37;
    padding-bottom: 6px;
    display: inline-block;
}

/* ===============================
   NAVIGATION
   =============================== */

.main-navigation a,
.menu a {
    color: #ffffff !important;
    font-weight: 500;
}

.main-navigation a:hover,
.menu a:hover {
    color: #d4af37 !important;
}

/* ===============================
   LINKS
   =============================== */

a {
    color: #d4af37 !important;
    text-decoration: underline;
}

a:hover {
    color: #b8962e !important;
}

/* ===============================
   BUTTONS
   =============================== */

button,
.button,
.btn,
input[type="submit"] {
    background-color: #d4af37 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 4px;
    padding: 10px 18px;
    font-weight: 600;
}

button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover {
    background-color: #b8962e !important;
}

/* ===============================
   DARK CONTENT BOXES (Services, Reviews)
   =============================== */

.wpb_text_column,
.vc_column-inner,
.service-box,
.service-content,
.testimonial,
.testimonial-content,
.review-box {
    background: rgba(0, 0, 0, 0.85) !important;
    padding: 30px !important;
    border-radius: 8px;
    color: #ffffff !important;
}

/* Force text inside boxes */
.wpb_text_column *,
.vc_column-inner *,
.testimonial * {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ===============================
   TESTIMONIALS
   =============================== */

.testimonial p,
.vc_testimonial p,
blockquote p {
    font-size: 16px;
    line-height: 1.7;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

/* Client name */
.testimonial cite,
.testimonial-author,
blockquote cite {
    color: #d4af37 !important;
    font-weight: 600;
    display: block;
    margin-top: 10px;
}

/* Quote icons */
blockquote:before,
.testimonial i {
    color: #d4af37 !important;
}

/* ===============================
   HERO / INTRO TEXT
   =============================== */

.hero-text,
.intro-text {
    color: #ffffff !important;
    font-size: 1.2em;
}

/* ===============================
   IMAGE CAPTIONS
   =============================== */

.wp-caption-text {
    color: #ffffff !important;
}

/* ===============================
   FOOTER / CONTACT US
   =============================== */

.site-footer,
footer {
    background-color: #0f0f0f !important;
    color: #ffffff !important;
}

.site-footer p,
.site-footer span,
.site-footer li,
.site-footer div {
    color: #ffffff !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #d4af37 !important;
}

/* Labels like Phone / Email */
.site-footer strong,
.site-footer b {
    color: #d4af37 !important;
}

/* Footer links */
.site-footer a {
    color: #ffffff !important;
}

.site-footer a:hover {
    color: #d4af37 !important;
}

/* ===============================
   FIX WPBAKERY TRANSPARENCY BUGS
   =============================== */

.vc_row,
.vc_column_container {
    background-blend-mode: normal !important;
}
/* =====================================================
   HERO / SLIDER REVOLUTION – FORCE READABLE TEXT
   (ONLY THIS SECTION)
   ===================================================== */

/* Main hero headings */
.rev_slider_wrapper .tp-caption,
.rev_slider_wrapper .tp-caption h1,
.rev_slider_wrapper .tp-caption h2,
.rev_slider_wrapper .tp-caption h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.85) !important;
}

/* Small top text (OUR EXPERTISE FOR, etc.) */
.rev_slider_wrapper .tp-caption h4,
.rev_slider_wrapper .tp-caption h5,
.rev_slider_wrapper .tp-caption h6,
.rev_slider_wrapper .tp-caption span {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important;
    letter-spacing: 2px;
}

/* Paragraph / supporting text */
.rev_slider_wrapper .tp-caption p {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.75) !important;
}

/* Hero buttons (OUR PORTFOLIO) */
.rev_slider_wrapper a,
.rev_slider_wrapper .tp-button {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Optional: subtle dark backdrop behind text (safe) */
.rev_slider_wrapper .tp-caption {
    background: rgba(0, 0, 0, 0.15);
    padding: 6px 12px;
    border-radius: 4px;
}
/* =========================================
   HERO SLIDER – GOLD MAIN TITLE ONLY
   ========================================= */

/* MAIN BIG HERO TITLE (Gold) */
.rev_slider_wrapper .tp-caption h1,
.rev_slider_wrapper .tp-caption .tp-title,
.rev_slider_wrapper .tp-caption .hero-title {
    color: #d4af37 !important; /* premium gold */
    font-weight: 700 !important;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.85) !important;
}

/* ALL OTHER HERO TEXT = WHITE */
.rev_slider_wrapper .tp-caption h2,
.rev_slider_wrapper .tp-caption h3,
.rev_slider_wrapper .tp-caption h4,
.rev_slider_wrapper .tp-caption h5,
.rev_slider_wrapper .tp-caption h6,
.rev_slider_wrapper .tp-caption p,
.rev_slider_wrapper .tp-caption span {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important;
}

/* HERO BUTTON TEXT */
.rev_slider_wrapper a,
.rev_slider_wrapper .tp-button {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
/* =========================================
   WHAT WE DO – CLEAN & UNIFORM BACKGROUND
   ========================================= */

/* Full section background */
.wpb_row,
.vc_row {
    background-color: #1c1c1c !important; /* elegant dark */
}

/* Inner column containers */
.vc_column-inner {
    background: transparent !important;
    box-shadow: none !important;
}

/* Service cards (Residential / Office / Commercial) */
.service-box,
.wpb_text_column,
.vc_column-inner .wpb_wrapper {
    background-color: #121212 !important; /* slightly darker cards */
    border-radius: 12px;
    padding: 28px !important;
    margin-bottom: 30px;
}

/* Remove uneven overlays */
.wpb_text_column::before,
.vc_column-inner::before {
    display: none !important;
}

/* Images spacing consistency */
.service-box img,
.wpb_text_column img {
    border-radius: 10px;
    margin-bottom: 16px;
}

/* Text inside cards */
.service-box p,
.wpb_text_column p {
    color: #ffffff !important;
    line-height: 1.7;
}

/* Titles inside cards */
.service-box h3,
.wpb_text_column h3 {
    color: #d4af37 !important;
    margin-bottom: 12px;
}

/* Center "What We Do" title */
h2 {
    text-align: center;
}
/* =================================
   HERO TITLE – GOLDEN BROWN
   ================================= */

.rev_slider_wrapper .tp-caption h1,
.rev_slider_wrapper .tp-caption .hero-title,
.rev_slider_wrapper .tp-caption strong {
    color: #C89B3C !important;  /* golden brown */
    text-shadow: 0 3px 8px rgba(0,0,0,0.85);
}
.rev_slider_wrapper .tp-caption {
    color: #C89B3C !important;
}
.rev_slider_wrapper .tp-caption:after {
    background-color: #C89B3C !important;
}
/* =================================
   TESTIMONIAL AUTO VERTICAL SCROLL
   ================================= */

.testimonial-slider,
.testimonial-wrapper {
    max-height: 320px;
    overflow: hidden;
    position: relative;
}

.testimonial-slider .testimonial,
.testimonial-wrapper .testimonial {
    animation: scrollReviews 12s linear infinite;
}

@keyframes scrollReviews {
    0%   { transform: translateY(0); }
    25%  { transform: translateY(-100%); }
    50%  { transform: translateY(-200%); }
    75%  { transform: translateY(-300%); }
    100% { transform: translateY(0); }
}
/* =================================
   HERO TITLE – GOLDEN BROWN
   ================================= */

.rev_slider_wrapper .tp-caption h1,
.rev_slider_wrapper .tp-caption .hero-title,
.rev_slider_wrapper .tp-caption strong {
    color: #C89B3C !important;  /* golden brown */
    text-shadow: 0 3px 8px rgba(0,0,0,0.85);
}
.rev_slider_wrapper .tp-caption {
    color: #C89B3C !important;
}
/* =================================
   TESTIMONIAL AUTO VERTICAL SCROLL
   ================================= */

.testimonial-slider,
.testimonial-wrapper {
    max-height: 320px;
    overflow: hidden;
    position: relative;
}

.testimonial-slider .testimonial,
.testimonial-wrapper .testimonial {
    animation: scrollReviews 12s linear infinite;
}

@keyframes scrollReviews {
    0%   { transform: translateY(0); }
    25%  { transform: translateY(-100%); }
    50%  { transform: translateY(-200%); }
    75%  { transform: translateY(-300%); }
    100% { transform: translateY(0); }
}