.elementor-kit-5{--e-global-color-primary:#0F1A4D;--e-global-color-secondary:#1A2563;--e-global-color-text:#4A4A4A;--e-global-color-accent:#F5B339;--e-global-color-b03d459:#F7F4EC;--e-global-color-fb8b6f2:#EDE5D3;--e-global-color-978ab1a:#FBF9F3;--e-global-color-86f0e7c:#E3D9C2;--e-global-color-4d69442:#3A3F7A;--e-global-color-d2f1704:#6A7188;--e-global-color-f7bbaee:#B5C2DC;--e-global-color-4d21181:#9A5A10;--e-global-color-8cdb485:#FDD07B;--e-global-color-ae20f0d:#4DD28B;--e-global-color-6fd79ae:#002F88;--e-global-color-e8e54bc:#000000;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --primary-font:Bricolage Grotesque; --black:#000000; --body-text:Inter; --text-dark:#0F1A4D; --tex-light:#dfdfdf; }
/* Start custom CSS *//* ============================================================
   BluePeak Locksmith — singular template CSS
   Copy this entire <style> block into Page Settings → Custom CSS
   ============================================================ */
:root{
  --bp-ink:#0f1a4d;
  --bp-ink-2:#1a2563;
  --bp-ink-3:#283376;
  --bp-ink-line:#3a3f7a;
  --bp-cream:#f7f4ec;
  --bp-cream-2:#ede5d3;
  --bp-paper:#fbf9f3;
  --bp-paper-line:#e3d9c2;
  --bp-muted:#6a7188;
  --bp-muted-dk:#b5c2dc;
  --bp-brass:#f5b339;
  --bp-brass-deep:#9a5a10;
  --bp-brass-soft:#fdd07b;
  --bp-emerald:#4dd28b;
  --bp-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --bp-body:"Geist",ui-sans-serif,system-ui,sans-serif;
  --bp-mono:"JetBrains Mono",ui-monospace,monospace;
}

/* ---------- Call bar ---------- */
.bp-callbar{position:sticky;top:0;z-index:50;font-family:var(--bp-mono);font-size:12.5px;letter-spacing:.02em;color:var(--bp-cream)}
.bp-callbar-left{display:flex;gap:28px;align-items:center;color:var(--bp-muted-dk);flex-wrap:nowrap}
.bp-cb-item{display:inline-flex;align-items:center;white-space:nowrap}
.bp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bp-emerald);box-shadow:0 0 0 3px rgba(77,210,139,.2);margin-right:8px;vertical-align:1px;animation:bpPulse 2.4s infinite}
@keyframes bpPulse{0%,100%{opacity:1}50%{opacity:.45}}
.bp-callbar-tel{color:var(--bp-cream);font-weight:600;letter-spacing:.04em;text-decoration:none}
.bp-callbar-tel i{margin-right:6px}
.bp-callbar-tel:hover{color:var(--bp-brass)}
@media (max-width:860px){.bp-callbar{font-size:11px}.bp-callbar-left{gap:12px}.bp-hide-sm{display:none !important}}

/* ---------- Brand mark ---------- */
.bp-brand{display:flex;align-items:center;gap:12px}
.bp-brand-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--bp-brass) 0%,#b46a18 100%);display:grid;place-items:center;color:var(--bp-ink);font-family:var(--bp-display);font-weight:800;font-size:20px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);flex:0 0 auto}
.bp-brand-name{font-family:var(--bp-display);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--bp-cream);line-height:1.15}
.bp-brand-name small{display:block;font-family:var(--bp-mono);font-size:10px;font-weight:400;color:var(--bp-muted-dk);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}

/* ---------- Eyebrows ---------- */
.bp-eyebrow{font-family:var(--bp-mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bp-brass);display:inline-flex;align-items:center;gap:12px;margin-bottom:28px}
.bp-bar{width:26px;height:1px;background:currentColor;display:inline-block}
.bp-s-eyebrow{font-family:var(--bp-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bp-brass-deep);displa.bp-about h2 em, .bp-services h2 em, .bp-reviews h2 em, .bp-partners h2 em, .bp-why h2 em, .bp-area h2 em, .bp-faq h2 em, .bp-cta h2 emy:inline-flex;align-items:center;gap:12px;margin-bottom:8px}
.bp-s-eyebrow.bp-on-dark{color:var(--bp-brass)}

/* ---------- Hero ---------- */
.bp-hero{position:relative;overflow:hidden}
.bp-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(900px 500px at 88% 18%,rgba(245,179,57,.22),transparent 60%),radial-gradient(700px 400px at 8% 92%,rgba(120,60,200,.32),transparent 60%),radial-gradient(500px 300px at 50% 0%,rgba(60,120,220,.25),transparent 65%);pointer-events:none}
.bp-hero > *{position:relative;z-index:1}
.bp-hero h1 em{font-style:italic;font-weight:400;color:var(--bp-brass-soft)}
.bp-hero h1 .bp-underline{background-image:linear-gradient(transparent 80%,rgba(245,179,57,.55) 80%);background-repeat:no-repeat;background-size:100% 100%;padding:0 .04em}
.bp-hero-lede{font-size:18px;line-height:1.55;color:var(--bp-muted-dk);max-width:56ch}

/* ---------- Hero trust ---------- */
.bp-unit{font-size:16px;color:var(--bp-muted-dk);font-weight:400;margin-left:2px}
.bp-unit-soft{font-size:20px;color:var(--bp-brass-soft);font-weight:400}

/* ---------- Dispatch form ---------- */
.bp-dispatch{position:relative}
.bp-dispatch-tag{position:absolute;top:-12px;left:24px}
.bp-dispatch-form .elementor-button{width:100%;justify-content:center}
.bp-dispatch-foot{margin-top:6px;font-family:var(--bp-mono);font-size:11px;color:var(--bp-muted);text-align:center;letter-spacing:.04em}
.bp-dispatch-foot strong{color:var(--bp-ink);font-weight:600}
.bp-dispatch-foot a{color:inherit;text-decoration:none}
.bp-dispatch-foot a:hover{color:var(--bp-brass-deep)}

/* ---------- Section accent words (em italic) ---------- */
.bp-about h2 em,.bp-services h2 em,.bp-reviews h2 em,.bp-partners h2 em,.bp-why h2 em,.bp-area h2 em,.bp-faq h2 em,.bp-cta h2 em, .bp-services h1 em, .bp-services h3 em{font-style:italic !important;font-weight:400 !important;color:var(--bp-brass-deep) !important}
.bp-why h2 em, .bp-cta h2 em{color:var(--bp-brass-soft) !important}
.bp-partners-quote p em{font-style:italic;font-weight:400;color:var(--bp-brass-soft)}

/* ---------- About ---------- */
.bp-about-media{position:relative;aspect-ratio:4/5;min-height:520px;border-radius:18px;overflow:hidden}
@media (max-width:980px){.bp-about-media{aspect-ratio:auto;min-height:380px}}
.bp-about-badge{position:absolute;bottom:22px;left:22px;background:var(--bp-brass);color:var(--bp-ink);padding:18px 22px;border-radius:14px;display:flex;align-items:center;gap:14px;box-shadow:0 16px 40px -12px rgba(0,0,0,.4);z-index:2}
.bp-about-badge-k{font-family:var(--bp-display);font-weight:500;font-size:44px;line-height:1;letter-spacing:-.03em}
.bp-about-badge-k span{font-size:16px;font-weight:400;margin-left:2px}
.bp-about-badge-l{font-family:var(--bp-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
.bp-about-strip .elementor-icon-list-icon i{color:var(--bp-brass-deep)}

/* ---------- Bento grid (feature spans 2x2) ---------- */
.bp-bento{position:relative}
.bp-bento > .bp-bento-feature{grid-column:span 2;grid-row:span 2}
.bp-bento-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.bp-bento-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px -20px rgba(0,0,0,.25)}
.bp-bento-light:hover{border-color:var(--bp-brass) !important}
.bp-bento-cta{font-family:var(--bp-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.bp-bento-cta-light{color:var(--bp-brass-deep)}
.bp-bento-cta-dark{color:var(--bp-brass)}
.bp-bento-cta .bp-arr{transition:transform .16s}
.bp-bento-card:hover .bp-bento-cta .bp-arr,.bp-bento-card:hover .bp-arr{transform:translateX(4px)}
@media (max-width:1100px){.bp-bento{grid-template-columns:repeat(2,1fr) !important;grid-template-rows:none !important;grid-auto-rows:minmax(220px,auto)}.bp-bento > .bp-bento-feature{grid-column:span 2;grid-row:auto;min-height:360px}}
@media (max-width:620px){.bp-bento{grid-template-columns:1fr !important}.bp-bento > .bp-bento-feature{grid-column:span 1;min-height:340px}}

/* ---------- Reviews ---------- */
.bp-review-meta{display:flex;align-items:center;gap:16px;font-family:var(--bp-mono);font-size:12px;color:var(--bp-muted)}
.bp-rating-big{font-family:var(--bp-display);font-size:36px;font-weight:500;color:var(--bp-ink);letter-spacing:-.02em;line-height:1}
.bp-rating-side{display:flex;flex-direction:column;gap:4px}
.bp-stars{color:var(--bp-brass);letter-spacing:2px;font-size:16px;line-height:1}
.bp-gbadge{display:inline-flex;align-items:center;gap:6px;font-family:var(--bp-mono);font-size:11px;color:var(--bp-muted)}
.bp-rv-avatar .elementor-heading-title{line-height:1 !important}

/* ---------- Partners ---------- */
.bp-partners-quote{position:relative;overflow:hidden}
.bp-partners-quote::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 280px at 70% 30%,rgba(245,179,57,.2),transparent 60%);pointer-events:none}
.bp-partners-quote > *{position:relative;z-index:1}

/* ---------- Service Area map card ---------- */
.bp-map-card{isolation:isolate}
.bp-map-embed iframe{border:0;width:100%;height:100%;filter:saturate(.92) contrast(1.02)}
.bp-map-chip{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--bp-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;background:rgba(15,26,77,.88);backdrop-filter:blur(8px);border:1px solid rgba(58,63,122,.5);padding:8px 12px 8px 10px;border-radius:999px;color:var(--bp-cream);display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 24px -8px rgba(0,0,0,.35)}
.bp-map-open{position:absolute;right:16px;bottom:16px;z-index:2;font-family:var(--bp-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;background:var(--bp-brass);color:var(--bp-ink);padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px -8px rgba(0,0,0,.35);transition:transform .16s,background .16s}
.bp-map-open:hover{background:var(--bp-brass-soft);transform:translateY(-1px)}

/* Neighborhoods list */
.bp-nbhd .elementor-icon-list-items{display:grid !important;grid-template-columns:1fr 1fr;gap:0 24px}
.bp-nbhd-tag{font-family:var(--bp-mono);font-size:11px;color:var(--bp-muted)}
@media (max-width:700px){.bp-nbhd .elementor-icon-list-items{grid-template-columns:1fr}}



/* ---------- CTA ---------- */
.bp-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 78% 28%,rgba(245,179,57,.28),transparent 60%),radial-gradient(600px 300px at 15% 80%,rgba(120,60,200,.28),transparent 60%);pointer-events:none}
.bp-cta > *{position:relative;z-index:1}
.bp-cta-phone{transition:transform .16s}
.bp-cta-phone:hover{transform:translateY(-2px)}
.bp-cta-phone a{color:inherit;text-decoration:none}

/* ---------- Extras ---------- */
.car-models-list li {
    padding: 5px 25px !important;
    background: #F7F4EC !important;
    border-radius: 40px !important;
    border: 1px solid #E3D9C2 !important;
    margin-bottom: 10px !important;
}
/* ---------- Footer ---------- */
.bp-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr !important}
@media (max-width:860px){.bp-foot-grid{grid-template-columns:1fr 1fr !important}}
@media (max-width:560px){.bp-foot-grid{grid-template-columns:1fr !important}}
.bp-foot-address{color:var(--bp-muted-dk);font-family:var(--bp-mono);font-size:11.5px;line-height:1.7}
.bp-foot-address a{color:inherit;text-decoration:none}
.bp-foot-phone{color:var(--bp-brass) !important;font-weight:600}
.bp-foot-list a{text-decoration:none}
.bp-foot-hours strong{color:var(--bp-cream)}

/* ---------- Generic em / inline accent ---------- */
em{font-style:italic}

/* ---------- Mobile tweaks ---------- */
@media (max-width:720px){
  .bp-trust{grid-template-columns:1fr 1fr !important;gap:18px 0 !important}
  .bp-trust-cell:nth-child(odd){border-left:0 !important;padding-left:0 !important}
}/* End custom CSS */