/*
Theme Name:  Salient - Stone's Towing & Recovery
Theme URI:   https://stonestowing.com
Description: Salient Child Theme customized for Stone's Towing & Recovery Inc. Built with WPBakery Page Builder.
Author:      Waikiki Web World
Author URI:  https://waikikiwebworld.com
Template:    salient
Version:     1.0.0
Tags:        towing, hauling, dumpster, oahu, hawaii
Text Domain: salient-stonestowing
*/

@import url("../salient/style.css");

:root {
  --stones-cyan: #00c8d7;
  --stones-dark: #1c1c1c;
  --stones-mid: #222222;
  --stones-light: #f5f5f5;
  --stones-text: #444444;
  --stones-subtext: #555555;
  --stones-shadow: 0 6px 20px rgba(0,0,0,0.12);
  --stones-shadow-hover: 0 12px 30px rgba(0,0,0,0.22);
}

body { font-family: 'Helvetica Neue', Arial, sans-serif; color: var(--stones-text); }
a { color: var(--stones-cyan); }
a:hover { color: #009eaa; }

#header-outer { background: #111111 !important; box-shadow: 0 2px 10px rgba(0,0,0,0.4) !important; }
#header-outer nav > ul > li > a { color: #ffffff !important; font-weight: 600; text-transform: uppercase; font-size: 13px; }
#header-outer nav > ul > li > a:hover { color: var(--stones-cyan) !important; }
#header-outer .header-button a { background: var(--stones-cyan) !important; color: #ffffff !important; border-radius: 4px !important; padding: 8px 18px !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 1px !important; text-transform: uppercase !important; border: none !important; }

.stones-hero-section .nectar-slider-wrap { min-height: 700px; }
.stones-hero-section .vc_btn3.vc_btn3-size-lg { border: 2px solid #ffffff !important; color: #ffffff !important; background: transparent !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; padding: 14px 36px !important; border-radius: 4px !important; transition: all 0.3s ease !important; }
.stones-hero-section .vc_btn3.vc_btn3-size-lg:hover { background: var(--stones-cyan) !important; border-color: var(--stones-cyan) !important; }
.stones-hero-note { color: #dddddd !important; font-size: 13px !important; font-style: italic !important; }

.stones-intro-band { background-color: var(--stones-dark) !important; padding: 55px 0 !important; text-align: center; }
.stones-intro-band h2 { color: #ffffff !important; font-size: 36px !important; font-weight: 800 !important; margin-bottom: 10px !important; }
.stones-intro-band h4 { color: var(--stones-cyan) !important; font-size: 18px !important; margin-bottom: 18px !important; }
.stones-intro-band p { color: #bbbbbb !important; font-size: 15px !important; max-width: 780px; margin: 0 auto !important; line-height: 1.8 !important; }

.stones-services-section { background-color: #f8f8f8 !important; padding: 65px 0 30px !important; }
.stones-services-heading h3 { color: var(--stones-cyan) !important; font-size: 22px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 3px !important; text-align: center; margin-bottom: 35px; }
.stones-service-card { padding: 0 15px; text-align: center; margin-bottom: 30px; }
.stones-service-card .vc_single_image-wrapper { border-radius: 8px !important; box-shadow: var(--stones-shadow) !important; overflow: hidden !important; display: block !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; margin-bottom: 18px !important; }
.stones-service-card:hover .vc_single_image-wrapper { transform: translateY(-7px) scale(1.02) !important; box-shadow: var(--stones-shadow-hover) !important; }
.stones-service-card h4 { font-size: 17px !important; font-weight: 700 !important; color: #222 !important; margin-bottom: 10px !important; }
.stones-service-card p { font-size: 13px !important; color: var(--stones-subtext) !important; line-height: 1.8 !important; }

.stones-icon-strip { background-color: var(--stones-mid) !important; padding: 28px 0 !important; }
.stones-icon-badge { text-align: center; padding: 10px 5px; color: #ffffff; }
.stones-icon-badge .badge-icon { font-size: 30px; display: block; margin-bottom: 6px; }
.stones-icon-badge strong { color: #ffffff !important; font-size: 13px !important; display: block !important; margin-bottom: 3px !important; }
.stones-icon-badge span.badge-sub { color: #aaaaaa !important; font-size: 12px !important; }

.stones-about-section { background-color: #ffffff !important; padding: 75px 0 !important; text-align: center; }
.stones-about-section h2 { color: var(--stones-cyan) !important; font-size: 36px !important; font-weight: 700 !important; margin-bottom: 5px !important; }
.stones-about-divider { width: 60px; height: 3px; background: var(--stones-cyan); border: none; margin: 12px auto 28px !important; }
.stones-about-section p { max-width: 720px; margin: 0 auto 16px !important; font-size: 15px !important; color: var(--stones-text) !important; line-height: 1.9 !important; }

.stones-split-section { background-color: var(--stones-light) !important; padding: 65px 0 !important; }
.stones-split-heading h2 { color: var(--stones-cyan) !important; font-size: 28px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-align: center; margin-bottom: 40px; }
.stones-split-image .vc_single_image-wrapper { border-radius: 6px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; overflow: hidden !important; }
.stones-split-content { padding-left: 35px !important; }
.stones-split-content p { font-size: 14px !important; color: var(--stones-text) !important; line-height: 1.95 !important; margin-bottom: 16px !important; }
.stones-learn-more .vc_btn3 { background: var(--stones-cyan) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; font-weight: 700 !important; padding: 10px 24px !important; transition: background 0.3s ease !important; }
.stones-learn-more .vc_btn3:hover { background: #009eaa !important; }
.stones-split-phone { font-size: 14px !important; color: #333 !important; margin-top: 14px !important; font-weight: 600 !important; }

.stones-cta-section { background-size: cover !important; background-position: center center !important; padding: 140px 0 !important; text-align: center; position: relative; }
.stones-cta-section::before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.35); z-index: 0; }
.stones-cta-section .vc_column_inner { position: relative; z-index: 1; }
.stones-cta-section h2 { font-size: 50px !important; font-weight: 900 !important; color: #111111 !important; text-transform: uppercase !important; line-height: 1.15 !important; letter-spacing: 1px !important; }
.stones-cta-btn a { display: inline-block !important; margin: 8px !important; padding: 13px 28px !important; border: 2px solid #333333 !important; color: #333333 !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; border-radius: 4px !important; text-decoration: none !important; transition: all 0.3s ease !important; background: transparent !important; }
.stones-cta-btn a:hover { background: #333333 !important; color: #ffffff !important; }

@media (max-width: 768px) {
  .stones-intro-band h2, .stones-about-section h2 { font-size: 26px !important; }
  .stones-split-content { padding-left: 0 !important; margin-top: 25px !important; }
  .stones-cta-section { padding: 80px 0 !important; }
  .stones-cta-section h2 { font-size: 30px !important; }
}