/*
Theme Name: Stones Towing Child
Theme URI: https://stonestowing.com
Description: Stones Towing & Recovery - Salient Child Theme with WPBakery support. Replicates the Canva mockup homepage.
Author: Stones Towing & Recovery
Author URI: https://stonestowing.com
Template: salient
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stones-child
*/

/* ==============================================
   STONES TOWING & RECOVERY - CUSTOM CSS
   Primary Blue:   #00aeef
   Dark/Black:     #111111
   White:          #ffffff
   Body Text:      #444444
   Section Gray:   #f9f9f9
============================================== */

/* GLOBAL */
body { font-family: 'Open Sans', sans-serif; color: #444444; }
a { color: #00aeef; }
a:hover { color: #0090c9; }

/* NAVIGATION */
#header-outer { background: #000000 !important; border-bottom: none !important; }
#header-outer nav > ul > li > a { color: #ffffff !important; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; }
#header-outer nav > ul > li > a:hover { color: #00aeef !important; }
.phones-header { color: #ffffff; font-size: 15px; font-weight: 700; }
a.free-estimate-btn, .free-estimate-btn { background: #00aeef !important; color: #ffffff !important; padding: 8px 18px !important; border-radius: 4px !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 13px !important; text-decoration: none !important; }
a.free-estimate-btn:hover { background: #0090c9 !important; }

/* HERO */
.nectar-slider-wrap .slide-bg-video { object-fit: cover; }
.hero-section { position: relative; min-height: 500px; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero-cta-btn { display: inline-block; background: transparent !important; color: #ffffff !important; border: 2px solid #ffffff !important; padding: 12px 32px !important; border-radius: 30px !important; font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none !important; transition: all 0.3s ease !important; }
.hero-cta-btn:hover { background: #00aeef !important; border-color: #00aeef !important; }

/* SECTION HEADING */
.section-heading-blue { color: #00aeef; font-size: 28px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 40px; }

/* SERVICE CARDS */
.service-card { text-align: center; padding: 20px 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 6px; }
.service-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.15); }
.wpb_column:hover .vc_single_image-wrapper img { transform: scale(1.03); transition: transform 0.4s ease; }

/* TRUST BAND */
.trust-band { background: #111111; padding: 25px 20px; }

/* BUTTONS */
.learn-more-btn { display: inline-block; background: #00aeef !important; color: #fff !important; padding: 11px 28px !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; text-transform: uppercase !important; transition: background 0.3s ease !important; }
.learn-more-btn:hover { background: #0090c9 !important; }
.contact-us-btn { display: inline-block; border: 2px solid #111 !important; color: #111 !important; padding: 12px 36px !important; border-radius: 30px !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none !important; transition: all 0.3s ease !important; }
.contact-us-btn:hover { background: #111 !important; color: #fff !important; }
.cta-call-btn { display: inline-block; background: #00aeef !important; color: #fff !important; padding: 13px 30px !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important; text-transform: uppercase !important; }
.cta-call-btn:hover { background: #0090c9 !important; }
.cta-book-btn { display: inline-block; background: #fff !important; color: #111 !important; padding: 13px 30px !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important; text-transform: uppercase !important; }
.cta-book-btn:hover { background: #00aeef !important; color: #fff !important; }

/* FOOTER */
#footer-outer { background: #111111 !important; color: #cccccc !important; }
#footer-outer a { color: #aaaaaa !important; }
#footer-outer a:hover { color: #00aeef !important; }

/* RESPONSIVE */
@media (max-width: 768px) {
  .tagline-band h2 { font-size: 26px; }
  .hero-section { min-height: 350px; }
  .section-heading-blue { font-size: 22px; }
  .wpb_column.vc_col-sm-6 { width: 100% !important; }
}