{"id":127,"date":"2026-01-20T20:01:24","date_gmt":"2026-01-20T20:01:24","guid":{"rendered":"https:\/\/boblockandkey.com\/?page_id=127"},"modified":"2026-01-21T19:39:26","modified_gmt":"2026-01-21T19:39:26","slug":"about","status":"publish","type":"page","link":"https:\/\/boblockandkey.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b9d32e e-con-full e-flex e-con e-parent\" data-id=\"1b9d32e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-065ec52 elementor-widget elementor-widget-html\" data-id=\"065ec52\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 ABOUT US PAGE HERO (Bob Lock And Key) \u2014 BG IMAGE + White Text + Brand Yellow, Fully Responsive -->\r\n<section class=\"blyk-ahero\" id=\"about-hero\">\r\n  <style>\r\n    :root{\r\n      --by:#F5B301;\r\n      --by2:#E0A800;\r\n      --bk:#0B0B0B;\r\n      --mut:rgba(255,255,255,.84);\r\n      --line:rgba(255,255,255,.12);\r\n    }\r\n\r\n    .blyk-ahero{\r\n      position:relative;\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n      padding: clamp(78px, 9vw, 130px) 0;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n      color:#fff;\r\n      background:#000;\r\n    }\r\n\r\n    \/* \u2705 Background image (replace URL) *\/\r\n    .blyk-ahero .ah-bg{\r\n      position:absolute;\r\n      inset:0;\r\n      background-image:url(\"https:\/\/boblockandkey.com\/wp-content\/uploads\/2026\/01\/cropped-hand-child-unlocking-door-home-scaled.webp\");\r\n      background-size:cover;\r\n      background-position:center;\r\n      transform:scale(1.02);\r\n      filter:saturate(1.05) contrast(1.05);\r\n      z-index:-3;\r\n    }\r\n\r\n    \/* \u2705 Dark overlay *\/\r\n    .blyk-ahero .ah-ov{\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.65) 55%, rgba(0,0,0,.55) 100%),\r\n        radial-gradient(900px 380px at 18% 15%, rgba(245,179,1,.20), transparent 60%);\r\n      z-index:-2;\r\n    }\r\n\r\n    \/* \u2705 subtle grain *\/\r\n    .blyk-ahero .ah-grain{\r\n      position:absolute;\r\n      inset:0;\r\n      background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);\r\n      background-size: 18px 18px;\r\n      opacity:.14;\r\n      z-index:-1;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .blyk-ahero .wrap{\r\n      max-width:1180px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n    }\r\n\r\n    .ah-grid{\r\n      display:grid;\r\n      grid-template-columns: 1.2fr .8fr;\r\n      gap:18px;\r\n      align-items:center;\r\n    }\r\n\r\n    \/* \u2705 Kicker *\/\r\n    .ah-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 14px;\r\n      border-radius:999px;\r\n      border:1px solid rgba(245,179,1,.35);\r\n      background:rgba(0,0,0,.58);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow: 0 18px 50px rgba(0,0,0,.45);\r\n      margin-bottom:14px;\r\n      color:#fff !important;\r\n    }\r\n    .ah-kicker *{color:#fff !important;}\r\n    .ah-ic{\r\n      width:28px;height:28px;border-radius:999px;\r\n      display:grid;place-items:center;\r\n      background:rgba(245,179,1,.14);\r\n      border:1px solid rgba(245,179,1,.35);\r\n      box-shadow:0 10px 22px rgba(0,0,0,.35);\r\n      font-size:14px;\r\n    }\r\n    .ah-ktext{\r\n      font-size:12px;\r\n      font-weight:900;\r\n      letter-spacing:.14em;\r\n      text-transform:uppercase;\r\n      white-space:nowrap;\r\n    }\r\n\r\n    \/* \u2705 Title *\/\r\n    .ah-title{\r\n      margin:0 0 12px;\r\n      font-size: clamp(36px, 5.2vw, 60px);\r\n      line-height:1.06;\r\n      letter-spacing:-.02em;\r\n      font-weight:950;\r\n      text-shadow:0 20px 60px rgba(0,0,0,.60);\r\n    }\r\n    .ah-title .hl{color:var(--by);}\r\n\r\n    .ah-sub{\r\n      margin:0 0 18px;\r\n      color: #fff!important;\r\n      max-width:65ch;\r\n      font-size:16px;\r\n      line-height:1.85;\r\n      color:var(--mut);\r\n    }\r\n\r\n    \/* \u2705 Trust chips *\/\r\n    .ah-chips{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:10px;\r\n      margin-top:14px;\r\n    }\r\n    .ah-chip{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 12px;\r\n      border-radius:999px;\r\n      border:1px solid rgba(255,255,255,.14);\r\n      background:rgba(255,255,255,.06);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow:0 14px 38px rgba(0,0,0,.30);\r\n      font-weight:800;\r\n      font-size:13px;\r\n      color:#fff;\r\n    }\r\n    .ah-chip .dot{\r\n      width:10px;height:10px;border-radius:999px;\r\n      background:var(--by);\r\n      box-shadow:0 0 0 4px rgba(245,179,1,.18);\r\n      flex:0 0 auto;\r\n    }\r\n\r\n    \/* \u2705 Right info card *\/\r\n    .ah-card{\r\n      border-radius:22px;\r\n      border:1px solid rgba(255,255,255,.14);\r\n      background:rgba(0,0,0,.52);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      box-shadow:0 30px 80px rgba(0,0,0,.48);\r\n      padding:18px;\r\n    }\r\n    .ah-card h3{\r\n      margin:0 0 10px;\r\n      font-size:14px;\r\n      font-weight:950;\r\n      letter-spacing:.14em;\r\n      text-transform:uppercase;\r\n      color:#fff;\r\n    }\r\n    .ah-card p{\r\n      margin:0 0 10px;\r\n      color:rgba(255,255,255,.80);\r\n      line-height:1.7;\r\n      font-size:14px;\r\n    }\r\n    .ah-list{\r\n      list-style:none;\r\n      padding:0;\r\n      margin:0;\r\n      display:grid;\r\n      gap:10px;\r\n    }\r\n    .ah-li{\r\n      display:flex;\r\n      gap:10px;\r\n      align-items:flex-start;\r\n      padding:12px 12px;\r\n      border-radius:16px;\r\n      background:rgba(255,255,255,.06);\r\n      border:1px solid rgba(255,255,255,.10);\r\n      color:#fff;\r\n      font-weight:800;\r\n      font-size:13.5px;\r\n    }\r\n    .ah-li .check{\r\n      width:26px;height:26px;border-radius:999px;\r\n      display:grid;place-items:center;\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:#000;\r\n      font-weight:950;\r\n      flex:0 0 26px;\r\n      box-shadow:0 16px 34px rgba(245,179,1,.24);\r\n    }\r\n\r\n    .ah-actions{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n      margin-top:14px;\r\n    }\r\n    .ah-btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:10px;\r\n      padding:15px 16px;\r\n      border-radius:16px;\r\n      font-weight:950;\r\n      letter-spacing:.10em;\r\n      text-transform:uppercase;\r\n      font-size:12px;\r\n      text-decoration:none;\r\n      border:1px solid transparent;\r\n      transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;\r\n      flex:1 1 220px;\r\n    }\r\n    .ah-btn.primary{\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:#000;\r\n      box-shadow:0 24px 64px rgba(245,179,1,.34), inset 0 -2px 0 rgba(0,0,0,.18);\r\n      border-color: rgba(0,0,0,.18);\r\n    }\r\n    .ah-btn.primary:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow:0 30px 78px rgba(245,179,1,.42), inset 0 -2px 0 rgba(0,0,0,.22);\r\n    }\r\n    .ah-btn.ghost{\r\n      background:rgba(0,0,0,.40);\r\n      color:#fff;\r\n      border-color:rgba(255,255,255,.14);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow:0 20px 55px rgba(0,0,0,.40);\r\n    }\r\n    .ah-btn.ghost:hover{\r\n      transform:translateY(-2px);\r\n      background:rgba(0,0,0,.50);\r\n      border-color:rgba(245,179,1,.22);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 980px){\r\n      .ah-grid{grid-template-columns:1fr;}\r\n      .ah-title{font-size:clamp(32px, 7vw, 48px);}\r\n    }\r\n    @media (max-width: 520px){\r\n      .ah-ktext{letter-spacing:.12em;font-size:11px;}\r\n      .ah-btn{width:100%;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ah-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ah-ov\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ah-grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"ah-grid\">\r\n\r\n      <!-- LEFT -->\r\n      <div>\r\n        <div class=\"ah-kicker\">\r\n          <span class=\"ah-ic\" aria-hidden=\"true\">\ud83d\udc4b<\/span>\r\n          <span class=\"ah-ktext\">ABOUT BOB LOCK AND KEY<\/span>\r\n        <\/div>\r\n\r\n        <h1 class=\"ah-title\">\r\n          Local Denver locksmiths who<br>\r\n          keep it <span class=\"hl\">simple<\/span> and secure.\r\n        <\/h1>\r\n\r\n        <p class=\"ah-sub\">\r\n          We\u2019re a Denver-based locksmith team focused on fast response, honest options, and clean workmanship.\r\n          Whether it\u2019s a lockout, rekey, repair, or security upgrade\u2014our goal is to get you back inside safely\r\n          with clear pricing and professional service.\r\n        <\/p>\r\n\r\n        <div class=\"ah-chips\">\r\n          <div class=\"ah-chip\"><span class=\"dot\"><\/span>24\/7 Emergency Dispatch<\/div>\r\n          <div class=\"ah-chip\"><span class=\"dot\"><\/span>Upfront Pricing<\/div>\r\n          <div class=\"ah-chip\"><span class=\"dot\"><\/span>Residential \u00b7 Auto \u00b7 Commercial<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CARD -->\r\n      <aside class=\"ah-card\" aria-label=\"About Bob Lock And Key quick facts\">\r\n        <h3>What you can expect<\/h3>\r\n        <p>\r\n          Every call is handled with speed, respect, and attention to your security\u2014serving Denver and nearby neighborhoods.\r\n        <\/p>\r\n\r\n        <ul class=\"ah-list\">\r\n          <li class=\"ah-li\"><span class=\"check\">\u2713<\/span>Fast local dispatch across Denver<\/li>\r\n          <li class=\"ah-li\"><span class=\"check\">\u2713<\/span>Damage-minimized lockout methods<\/li>\r\n          <li class=\"ah-li\"><span class=\"check\">\u2713<\/span>Rekey vs replace guidance<\/li>\r\n          <li class=\"ah-li\"><span class=\"check\">\u2713<\/span>Final safety & function check<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"ah-actions\">\r\n          <a class=\"ah-btn primary\" href=\"tel:+17205742547\">\ud83d\udcde Call (720) 574-2547<\/a>\r\n          <a class=\"ah-btn ghost\" href=\"#process\">How We Work<\/a>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b2cb0d e-con-full e-flex e-con e-parent\" data-id=\"6b2cb0d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5ca4a elementor-widget elementor-widget-html\" data-id=\"7e5ca4a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"blyk-howwork-2026\" id=\"howWeWork\">\r\n  <style>\r\n    :root{\r\n      --by:#F5B301;\r\n      --by2:#E0A800;\r\n      --bk:#0B0B0B;\r\n      --tx:#0f172a;\r\n      --mut:#64748b;\r\n      --line:rgba(15,23,42,.12);\r\n    }\r\n\r\n    .blyk-howwork-2026{\r\n      padding: clamp(56px, 7vw, 110px) 0;\r\n      background:\r\n        radial-gradient(1100px 460px at 20% -10%, rgba(245,179,1,.16), transparent 60%),\r\n        #fff;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    .wrap{\r\n      max-width:1180px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n    }\r\n\r\n    \/* ===== 50 \/ 50 GRID ===== *\/\r\n    .hw-grid{\r\n      display:grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap:32px;\r\n      align-items:stretch;\r\n    }\r\n\r\n    \/* ===== LEFT IMAGE ===== *\/\r\n    .hw-left{\r\n      display:flex;\r\n    }\r\n\r\n    .hw-image{\r\n      width:100%;\r\n      border-radius:26px;\r\n      overflow:hidden;\r\n      background:#000;\r\n      box-shadow:0 30px 90px rgba(0,0,0,.25);\r\n    }\r\n\r\n    .hw-image img{\r\n      width:100%;\r\n      height:100%;\r\n      min-height:520px;\r\n      object-fit:cover;\r\n      display:block;\r\n    }\r\n\r\n    \/* ===== RIGHT PANEL ===== *\/\r\n    .hw-right{\r\n      display:flex;\r\n      flex-direction:column;\r\n      justify-content:space-between;\r\n      border-radius:26px;\r\n      background:#fff;\r\n      border:1px solid var(--line);\r\n      box-shadow:0 26px 90px rgba(2,6,23,.12);\r\n      padding:28px;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .hw-top{\r\n      display:flex;\r\n      justify-content:space-between;\r\n      align-items:center;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .hw-pill{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:8px 14px;\r\n      border-radius:999px;\r\n      background:rgba(245,179,1,.14);\r\n      border:1px solid rgba(245,179,1,.30);\r\n      font-size:12px;\r\n      font-weight:900;\r\n      letter-spacing:.12em;\r\n      text-transform:uppercase;\r\n      color:var(--bk);\r\n    }\r\n    .hw-pill::before{\r\n      content:\"\";\r\n      width:8px;height:8px;border-radius:50%;\r\n      background:var(--by);\r\n      box-shadow:0 0 0 4px rgba(245,179,1,.18);\r\n    }\r\n\r\n    .hw-badge{\r\n      font-size:12px;\r\n      font-weight:900;\r\n      padding:8px 14px;\r\n      border-radius:999px;\r\n      background:#f8fafc;\r\n      border:1px solid var(--line);\r\n      color:#334155;\r\n    }\r\n\r\n    .hw-title{\r\n      margin:14px 0 8px;\r\n      font-size:clamp(26px, 2.6vw, 36px);\r\n      font-weight:1000;\r\n      color:var(--bk);\r\n      line-height:1.1;\r\n    }\r\n\r\n    .hw-desc{\r\n      margin:0 0 18px;\r\n      color:var(--mut);\r\n      font-size:15px;\r\n      line-height:1.65;\r\n      max-width:56ch;\r\n    }\r\n\r\n    \/* ===== 2\u00d72 STEPS GRID ===== *\/\r\n    .hw-steps{\r\n      display:grid;\r\n      grid-template-columns:repeat(2,1fr);\r\n      gap:14px;\r\n    }\r\n\r\n    .hw-step{\r\n      display:flex;\r\n      gap:12px;\r\n      padding:14px;\r\n      border-radius:18px;\r\n      background:#fff;\r\n      border:1px solid var(--line);\r\n      box-shadow:0 12px 36px rgba(2,6,23,.06);\r\n    }\r\n\r\n    .hw-step-icon{\r\n      width:42px;height:42px;\r\n      border-radius:14px;\r\n      display:grid;\r\n      place-items:center;\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:#000;\r\n      font-weight:1000;\r\n      flex:0 0 42px;\r\n    }\r\n\r\n    .hw-step h3{\r\n      margin:0;\r\n      font-size:14.5px;\r\n      font-weight:900;\r\n      color:var(--bk);\r\n    }\r\n\r\n    .hw-step p{\r\n      margin:4px 0 0;\r\n      font-size:13px;\r\n      line-height:1.55;\r\n      color:#475569;\r\n    }\r\n\r\n    \/* Bottom bar *\/\r\n    .hw-bottom{\r\n      margin-top:18px;\r\n      padding-top:14px;\r\n      border-top:1px dashed rgba(15,23,42,.14);\r\n      display:flex;\r\n      justify-content:space-between;\r\n      align-items:center;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .hw-phone{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 14px;\r\n      border-radius:999px;\r\n      background:rgba(245,179,1,.14);\r\n      border:1px solid rgba(245,179,1,.30);\r\n      color:var(--bk);\r\n      text-decoration:none;\r\n      font-weight:900;\r\n    }\r\n\r\n    .hw-mini{\r\n      font-size:12.5px;\r\n      font-weight:700;\r\n      color:#6b7280;\r\n    }\r\n\r\n    \/* ===== Responsive ===== *\/\r\n    @media(max-width:980px){\r\n      .hw-grid{grid-template-columns:1fr;}\r\n      .hw-image img{min-height:380px;}\r\n    }\r\n\r\n    @media(max-width:520px){\r\n      .hw-steps{grid-template-columns:1fr;}\r\n      .hw-right{padding:22px;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"hw-grid\">\r\n\r\n      <!-- LEFT IMAGE -->\r\n      <div class=\"hw-left\">\r\n        <div class=\"hw-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/boblockandkey.com\/wp-content\/uploads\/2026\/01\/clear-photo-locksmith-working-fixing-door-lock-ai-generative-scaled.webp\" alt=\"Locksmith working\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CONTENT -->\r\n      <div class=\"hw-right\">\r\n        <div>\r\n          <div class=\"hw-top\">\r\n            <div class=\"hw-pill\">How We Work<\/div>\r\n            <div class=\"hw-badge\">FAST & CLEAN<\/div>\r\n          <\/div>\r\n\r\n          <h2 class=\"hw-title\">A simple process that gets you back in\u2014fast.<\/h2>\r\n\r\n          <p class=\"hw-desc\">\r\n            From the first call to the final test, Bob Lock And Key keeps it clear,\r\n            quick, and secure across Denver and nearby areas.\r\n          <\/p>\r\n\r\n          <div class=\"hw-steps\">\r\n            <div class=\"hw-step\">\r\n              <div class=\"hw-step-icon\">1<\/div>\r\n              <div>\r\n                <h3>Call & Location<\/h3>\r\n                <p>Tell us what happened and where you are.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hw-step\">\r\n              <div class=\"hw-step-icon\">2<\/div>\r\n              <div>\r\n                <h3>Options + ETA<\/h3>\r\n                <p>Clear pricing and arrival time upfront.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hw-step\">\r\n              <div class=\"hw-step-icon\">3<\/div>\r\n              <div>\r\n                <h3>On-Site Service<\/h3>\r\n                <p>Professional tools, no unnecessary damage.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hw-step\">\r\n              <div class=\"hw-step-icon\">4<\/div>\r\n              <div>\r\n                <h3>Final Check<\/h3>\r\n                <p>Everything tested before we leave.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hw-bottom\">\r\n          <a class=\"hw-phone\" href=\"tel:+17205742547\">\ud83d\udcde (720) 574-2547<\/a>\r\n          <div class=\"hw-mini\">24\/7 Emergency \u2022 Denver & Nearby Areas<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19f014e e-con-full e-flex e-con e-parent\" data-id=\"19f014e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8aa2f17 elementor-widget elementor-widget-html\" data-id=\"8aa2f17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 MIDDLE CTA SECTION (BG IMAGE + PERFECT READABILITY) -->\r\n<section class=\"blyk-midcta\">\r\n  <style>\r\n    :root{\r\n      --by:#F5B301;\r\n      --by2:#E0A800;\r\n      --bk:#0B0B0B;\r\n    }\r\n\r\n    .blyk-midcta{\r\n      padding: clamp(56px, 7vw, 100px) 16px;\r\n      background:\r\n        \/* \u2705 DARK OVERLAY FOR TEXT READABILITY *\/\r\n        linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.88)),\r\n        \/* \u2705 BRAND GLOW *\/\r\n        radial-gradient(900px 360px at 50% -10%, rgba(245,179,1,.28), transparent 60%),\r\n        \/* \u2705 IMAGE BG *\/\r\n        url(\"https:\/\/boblockandkey.com\/wp-content\/uploads\/2026\/01\/locksmith-is-hard-work-picking-lock-he-is-using-variety-tools-get-job-done-scaled.webp\")\r\n          center \/ cover no-repeat;\r\n\r\n      text-align:center;\r\n      color:#ffffff !important;\r\n      position:relative;\r\n      overflow:hidden;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n      isolation:isolate;\r\n    }\r\n\r\n    \/* subtle vignette for edges *\/\r\n    .blyk-midcta::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:radial-gradient(circle at center, rgba(0,0,0,.05), rgba(0,0,0,.65) 70%);\r\n      z-index:-1;\r\n    }\r\n\r\n    .midcta-wrap{\r\n      max-width:880px;\r\n      margin:0 auto;\r\n      position:relative;\r\n      z-index:2;\r\n\r\n      \/* \u2705 READABILITY PANEL *\/\r\n      padding:22px 22px 26px;\r\n      border-radius:24px;\r\n      background:rgba(0,0,0,.42);\r\n      backdrop-filter: blur(10px);\r\n      border:1px solid rgba(255,255,255,.14);\r\n      box-shadow:\r\n        0 30px 90px rgba(0,0,0,.65),\r\n        0 0 40px rgba(255,255,255,.08);\r\n    }\r\n\r\n    .midcta-title{\r\n      margin:0 0 14px;\r\n      font-size:clamp(28px, 3.8vw, 44px);\r\n      line-height:1.1;\r\n      font-weight:1000;\r\n      letter-spacing:-.02em;\r\n      color:#ffffff !important;\r\n      text-shadow:0 12px 30px rgba(0,0,0,.65);\r\n    }\r\n\r\n    .midcta-desc{\r\n      margin:0 auto 28px;\r\n      max-width:60ch;\r\n      font-size:16px;\r\n      line-height:1.75;\r\n      color:rgba(255,255,255,.9) !important;\r\n      text-shadow:0 10px 26px rgba(0,0,0,.55);\r\n    }\r\n\r\n    \/* CTA Button *\/\r\n    .midcta-btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:12px;\r\n\r\n      padding:18px 36px;\r\n      border-radius:999px;\r\n\r\n      background:linear-gradient(180deg, var(--by), var(--by2));\r\n      color:var(--bk) !important;\r\n\r\n      font-size:15px;\r\n      font-weight:950;\r\n      letter-spacing:.10em;\r\n      text-transform:uppercase;\r\n      text-decoration:none;\r\n\r\n      border:1px solid rgba(0,0,0,.25);\r\n\r\n      box-shadow:\r\n        0 24px 60px rgba(245,179,1,.5),\r\n        inset 0 -2px 0 rgba(0,0,0,.2);\r\n\r\n      transition:transform .25s ease, box-shadow .25s ease;\r\n\r\n      max-width:100%;\r\n      box-sizing:border-box;\r\n      text-align:center;\r\n      line-height:1.2;\r\n    }\r\n\r\n    .midcta-btn:hover{\r\n      transform:translateY(-3px);\r\n      box-shadow:\r\n        0 34px 80px rgba(245,179,1,.65),\r\n        inset 0 -2px 0 rgba(0,0,0,.25);\r\n    }\r\n\r\n    .midcta-foot{\r\n      margin-top:18px;\r\n      font-size:13px;\r\n      font-weight:600;\r\n      color:rgba(255,255,255,.75) !important;\r\n      text-shadow:0 8px 22px rgba(0,0,0,.5);\r\n    }\r\n\r\n    \/* \u2705 Mobile PERFECT *\/\r\n    @media(max-width:520px){\r\n      .midcta-wrap{\r\n        padding:18px 16px 22px;\r\n      }\r\n      .midcta-btn{\r\n        width:100%;\r\n        padding:16px 16px;\r\n        font-size:14px;\r\n        letter-spacing:.06em;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"midcta-wrap\">\r\n    <h2 class=\"midcta-title\">\r\n      Locked Out or Need a Locksmith Now?\r\n    <\/h2>\r\n\r\n    <p class=\"midcta-desc\">\r\n      Get fast, professional locksmith help anywhere in Denver.\r\n      One call gets you clear options, quick dispatch, and reliable service \u2014 24\/7.\r\n    <\/p>\r\n\r\n    <a href=\"tel:+17205742547\" class=\"midcta-btn\">\r\n      \ud83d\udcde Call Now for Immediate Help\r\n    <\/a>\r\n\r\n    <div class=\"midcta-foot\">\r\n      24\/7 Emergency Service \u00b7 Serving Denver & Nearby Areas\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03eabfe elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"03eabfe\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;bottom&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32906e4 elementor-widget elementor-widget-html\" data-id=\"32906e4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root{\r\n    --brand-yellow:#F5B301;\r\n    --brand-yellow-hover:#E0A800;\r\n    --brand-black:#0B0B0B;\r\n  }\r\n\r\n  .call-now-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    padding:16px 26px;\r\n    border-radius:14px;\r\n\r\n    background:linear-gradient(180deg, var(--brand-yellow), var(--brand-yellow-hover));\r\n    color:var(--brand-black);\r\n\r\n    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    font-size:18px;\r\n    font-weight:800;\r\n    text-decoration:none;\r\n\r\n    box-shadow:\r\n      0 14px 30px rgba(245,179,1,.45),\r\n      inset 0 -2px 0 rgba(0,0,0,.15);\r\n\r\n    border:1px solid rgba(0,0,0,.15);\r\n\r\n    transition: all .25s ease;\r\n    cursor:pointer;\r\n  }\r\n\r\n  .call-now-btn span{\r\n    font-size:20px;\r\n    line-height:1;\r\n  }\r\n\r\n  .call-now-btn:hover{\r\n    background:linear-gradient(180deg, var(--brand-yellow-hover), var(--brand-yellow));\r\n    transform: translateY(-2px);\r\n    box-shadow:\r\n      0 18px 40px rgba(245,179,1,.6),\r\n      inset 0 -2px 0 rgba(0,0,0,.2);\r\n  }\r\n\r\n  .call-now-btn:active{\r\n    transform: translateY(0);\r\n    box-shadow:\r\n      0 8px 18px rgba(245,179,1,.4),\r\n      inset 0 2px 4px rgba(0,0,0,.25);\r\n  }\r\n\r\n  \/* Mobile full-width option *\/\r\n  @media (max-width: 480px){\r\n    .call-now-btn{\r\n      width:100%;\r\n      justify-content:center;\r\n      font-size:17px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<a href=\"tel:+17205742547\" class=\"call-now-btn\">\r\n  <span>\ud83d\udcde<\/span>\r\n  (720) 574-2547\r\n<\/a>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc4b ABOUT BOB LOCK AND KEY Local Denver locksmiths who keep it simple and secure. We\u2019re a Denver-based locksmith team focused on fast response, honest options, and clean workmanship. Whether it\u2019s a lockout, rekey, repair, or security upgrade\u2014our goal is to get you back inside safely with clear pricing and professional service. 24\/7 Emergency Dispatch [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":10,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}