/*
Theme Name: Bardwell Media Child
Theme URI: https://visualcomposer.com/visual-composer-starter-theme/
Template: visual-composer-starter
Author: The Visual Composer Team
Author URI: https://visualcomposer.com/
Description: Visual Composer Starter theme designed to be a perfect companion for a simple and good looking website.
Tags: blog,portfolio,featured-images,full-width-template,e-commerce,translation-ready,rtl-language-support,theme-options,custom-colors,custom-logo,custom-menu,footer-widgets,left-sidebar,right-sidebar,custom-background,one-column,two-columns
Version: 3.4.1.1756837389
Updated: 2025-09-09

NOTE: Header & navigation styles were intentionally removed.
You’re using a Visual Composer Header (Theme Builder) instead.
*/

/* ===== Bardwell Media — Global UI (Child Theme, Headerless) ===== */

/* --- Theme vars --- */
:root{
  --bm-red:#e63946;
  --bm-blue:#0b63d1;
  --ink-900:#111827;
  --ink-700:#374151;
  --ink-600:#4b5563;
  --ink-500:#6b7280;
  --line:#e7ebf2;
  --bg:#ffffff;
  --bg-soft:#f7f9fb;
  --bg-alt:#f0f2f6;
  --radius:12px;
  --shadow:0 2px 6px rgba(0,0,0,.06);
}

/* --- Reset & base --- */
*{box-sizing:border-box}
html,body{
  margin:0; padding:0; background:#fff; color:var(--ink-900);
  font-family:system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit}
.bm-container{max-width:1200px; margin:0 auto; padding:0 24px}
.bm-center{text-align:center}

/* --- Buttons (sitewide) --- */
.bm-btn{padding:10px 14px; border-radius:8px; text-decoration:none; font-weight:700; display:inline-block; line-height:1}
.bm-btn-primary{background:var(--bm-red); color:#fff}
.bm-btn-primary:hover{filter:brightness(.95)}
.bm-btn-ghost{border:1px solid rgba(255,255,255,.6); color:#fff; background:rgba(0,0,0,.2)}
.bm-btn-ghost:hover{background:rgba(0,0,0,.3)}

/* ===== NO THEME HEADER/NAV STYLES =====
   Intentionally omitted:
   - .bm-header
   - .bm-burger
   - .bm-nav
   - body.bm-nav-open
   (Your Visual Composer header controls its own layout & hamburger.)
*/

/* --- Utility link --- */
.bm-link{color:var(--bm-blue); text-decoration:none}
.bm-link:hover{text-decoration:underline}

/* --- Hero (shared) --- */
.bm-hero{
  position:relative; isolation:isolate;
  min-height:56vh; padding:100px 0;
  text-align:center; color:#fff;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.bm-hero h1{color:#fff !important; text-shadow:0 2px 6px rgba(0,0,0,.45)}
.bm-hero p{color:#e6e9ef !important}
.bm-hero .bm-cta-row{margin-top:22px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap}
/* Prevent hero overlays from stealing taps */
.bm-hero::before, .bm-hero::after{ pointer-events:none }

/* --- Hero backgrounds per page --- */
.hero--home{ background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/Santa-Monica.webp"); background-position:center }
.hero--about{
  background-image:image-set(
    url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_about_dark_1600.webp") type("image/webp"),
    url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_about_dark_1600.jpg") type("image/jpeg")
  ); background-position:center 78%;
}
.hero--services{
  background-image:image-set(
    url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_services_dark_1600.webp") type("image/webp"),
    url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_services_dark_1600.jpg") type("image/jpeg")
  ); background-position:center;
}
.hero--contact{
  background-image:image-set(
    url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_contact_dark_1600.webp") type("image/webp"),
    url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_contact_dark_1600.jpg") type("image/jpeg")
  ); background-position:center;
}
/* Responsive fallbacks */
@media (max-width:1200px){
  .hero--about{background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_about_dark_1200.jpg")}
  .hero--services{background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_services_dark_1200.jpg")}
  .hero--contact{background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_contact_dark_1200.jpg")}
}
@media (max-width:800px){
  .hero--about{background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_about_dark_800.jpg")}
  .hero--services{background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_services_dark_800.jpg")}
  .hero--contact{background-image:url("https://bardwellmedia.com/wp-content/uploads/2025/08/hero_contact_dark_800.jpg")}
}

/* --- Sections --- */
.bm-section{padding:70px 0; background:#fff; color:#222}
.bm-section-dark{background:var(--bg-alt); color:#222}

/* --- Grid & Cards --- */
.bm-grid{display:grid; gap:20px; margin-top:28px}
.bm-grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.bm-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.bm-grid-2{grid-template-columns:repeat(2,1fr); gap:16px}
@media (max-width:900px){ .bm-grid-2{grid-template-columns:1fr} }

.bm-card{
  background:#fff; border:1px solid #d9dee7; padding:20px;
  border-radius:var(--radius); box-shadow:var(--shadow);
  display:flex; flex-direction:column;
}
.bm-card-title{margin:0 0 6px 0}
.bm-card-excerpt{color:#444; margin:0}

/* --- Split layout --- */
.bm-split{display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center}
@media(max-width:900px){ .bm-split{grid-template-columns:1fr; text-align:center} }
.bm-split-media img{width:100%; height:auto; border-radius:14px; border:1px solid #d9dee7}

/* --- Logos row --- */
.bm-trust{background:var(--bg-soft); padding:28px 0; text-align:center}
.bm-logos{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr));
  gap:24px; align-items:center; justify-items:center;
}
.bm-logo-cell{display:flex; align-items:center; justify-content:center; padding:6px}
.bm-logo-cell img{max-height:48px; max-width:160px; width:auto; height:auto; object-fit:contain; opacity:.98}

/* --- Forms --- */
.bm-form{margin-top:8px}
.bm-field{display:flex; flex-direction:column; gap:8px; margin-bottom:16px}
.bm-field label{font-weight:600; color:#1f2937}
.bm-input,.bm-select,.bm-textarea{
  width:100%; border:1px solid #d9dee7; border-radius:10px; padding:10px 12px;
  font-size:16px; color:#111; background:#fff; outline:0; transition:border-color .15s ease, box-shadow .15s ease;
}
.bm-textarea{min-height:130px; resize:vertical}
.bm-input:focus,.bm-select:focus,.bm-textarea:focus{ border-color:var(--bm-blue); box-shadow:0 0 0 3px rgba(11,99,209,.12) }

/* --- Focus rings --- */
.bm-btn:focus, .bm-link:focus{
  outline:2px solid rgba(11,99,209,.6); outline-offset:2px;
}

/* --- CTA strip & Footer --- */
.bm-cta-strip{text-align:center; padding:56px 0; background:var(--bg-soft)}
.bm-cta-strip h3{color:#111; margin:0 0 12px}
.bm-cta-strip p{color:#444; margin:0 0 18px}

footer{
  border-top:1px solid var(--line); padding:26px 0; background:#fff;
  color:var(--ink-500); font-size:14px;
}
footer a{color:var(--ink-500); text-decoration:none}
footer a:hover{color:#111}

/* ===== Services: Pricing & Compare ===== */
.bm-pricing .bm-pricing-header{max-width:780px;margin:0 auto 28px;text-align:center}
.bm-pricing .bm-lead{color:var(--ink-600);margin:8px 0 0}
.bm-compare{margin:6px 0 18px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.bm-compare-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-top:1px solid var(--line)}
.bm-compare-row:first-child{border-top:0}
.bm-compare-cell{padding:12px 14px;background:#fff}
.bm-compare-head .bm-compare-cell{font-weight:700;background:var(--bg-soft)}
.bm-compare-col{background:var(--bg-soft);font-weight:600}
.bm-compare-featured{background:rgba(11,99,209,.06)}
@media (max-width:900px){.bm-compare{display:none}}
.bm-grid-pricing{display:grid;gap:20px;margin-top:20px;grid-template-columns:1fr}
@media (min-width:768px){.bm-grid-pricing{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.bm-grid-pricing{grid-template-columns:repeat(3,1fr)}}
.bm-featured{border:2px solid var(--bm-blue);position:relative}
.bm-badge{position:absolute;top:-10px;right:16px;background:var(--bm-blue);color:#fff;padding:6px 10px;border-radius:999px;font-size:.8rem;box-shadow:var(--shadow)}
.bm-card-head{margin-bottom:10px}
.bm-card-sub{margin:6px 0 0;color:var(--ink-600)}
.bm-price{display:block;font-weight:700;font-size:1.125rem;margin:2px 0 8px}
.bm-price-from{font-weight:500;color:var(--ink-500);margin-right:6px}
.bm-list{margin:14px 0 0;padding:0;list-style:none}
.bm-list li{padding-left:22px;position:relative;margin:10px 0;color:var(--ink-700)}
.bm-list li::before{content:"✓";position:absolute;left:0;top:0;line-height:1.2}
.bm-card-cta{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.bm-note{color:var(--ink-500)}
.bm-legal{color:var(--ink-500);font-size:.95rem;margin-top:10px}
.bm-addons{margin-top:26px}
.bm-list.inline{display:flex;flex-wrap:wrap;gap:14px}
.bm-list.inline li{padding-left:0}
.bm-list.inline li::before{display:none}
.bm-custom{margin-top:14px;text-align:center;border-top:1px solid var(--line);padding-top:16px}

/* ===== Blog helpers (if VC CSS is stripped on blog) ===== */
.bm-card img{border-radius:8px}