/* Blog CRE8.London custom styles */body{background:#f5f7fa;font-family:'Montserrat',Arial,Helvetica,sans-serif;color:#23272f;margin:0}.blog-main,.blog-article{max-width:900px;margin:60px auto;padding:48px 28px 40px 28px;background:#fff;border-radius:18px;box-shadow:0 6px 36px rgba(24,29,35,.10)}.blog-title{font-size:2.7rem;font-weight:900;color:#181d23;margin-bottom:22px;line-height:1.08;letter-spacing:-1px;text-align:center}.blog-meta{font-size:1.08rem;color:#888;margin-bottom:30px;text-align:center}.blog-featured-image{width:100%;max-width:720px;display:block;margin:0 auto 38px auto;border-radius:14px;box-shadow:0 4px 18px rgba(24,29,35,.10)}.blog-content{font-size:1.18rem;color:#23272f;line-height:1.75;margin-bottom:36px}.blog-content h2{font-size:1.55rem;font-weight:800;color:#ce8157;margin-top:38px;margin-bottom:18px;letter-spacing:-.5px}.blog-content ul,.blog-content ol{margin-left:2em;margin-bottom:20px}.blog-content li{margin-bottom:.8em}.blog-content a{color:#ce8157;text-decoration:underline;transition:color .2s}.blog-content a:hover,.blog-content a:focus{color:#181d23;text-decoration:none}@media (max-width:900px){.blog-main,.blog-article{padding:18px 4px 18px 4px;border-radius:10px}.blog-title{font-size:2rem}.blog-featured-image{max-width:100%;margin-bottom:18px;border-radius:8px}}.blog-content blockquote{border-left:4px solid #ce8157;background:#f8f8f8;margin:24px 0;padding:16px 24px;font-style:italic;color:#555;border-radius:8px}.blog-content pre,.blog-content code{background:#f3f3f3;color:#ce8157;border-radius:6px;padding:2px 6px;font-size:1em;font-family:'Fira Mono','Consolas',monospace}.blog-main,.blog-article{animation:fadeInBlog .5s}@keyframes fadeInBlog{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.blog-card{background:#fff;border-radius:14px;box-shadow:0 4px 24px rgba(24,29,35,.07);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;position:relative}.blog-card:hover{box-shadow:0 12px 32px rgba(24,29,35,.13);transform:translateY(-6px)}.blog-card-image{width:100%;height:180px;object-fit:cover;display:block}.blog-card-content{padding:24px 20px 18px 20px;flex:1 1 auto;display:flex;flex-direction:column}.blog-card-title{font-size:1.25rem;font-weight:800;color:#181d23;margin-bottom:10px;line-height:1.2}.blog-card-meta{font-size:.98rem;color:#888;margin-bottom:14px}.blog-card-excerpt{font-size:1.05rem;color:#23272f;margin-bottom:18px;flex:1 1 auto}.blog-card-readmore{align-self:flex-start;background:#181d23;color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,color .2s;font-family:'Montserrat',Arial,Helvetica,sans-serif}.blog-card-readmore:hover,.blog-card-readmore:focus{background:#ce8157;color:#181d23}@media (max-width:700px){.blog-list-container{grid-template-columns:1fr;gap:18px;padding:0 4px}.blog-card-image{height:120px}.blog-card-content{padding:14px 8px 12px 8px}.blog-card-title{font-size:1.08rem}}.blog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(24,29,35,.85);z-index:1000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:64px 8px 32px 8px}.blog-modal-content{background:#fff;border-radius:16px;max-width:800px;margin-top:1500px;width:100%;box-shadow:0 8px 40px rgba(24,29,35,.18);position:relative;padding:32px 18px 24px 18px;animation:fadeInModal .2s}.blog-modal-close{position:absolute;top:18px;right:18px;background:none;border:none;font-size:2.2rem;color:#181d23;cursor:pointer;z-index:10;transition:color .2s}.blog-modal-close:hover,.blog-modal-close:focus{color:#ce8157;outline:none}@keyframes fadeInModal{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.blog-modal-content{padding:10px 2px;border-radius:8px}}#blog-modal-epping-local-seo-tips .blog-modal-content{margin-top:2400px}#blog-modal-custom-vs-wordpress .blog-modal-content{margin-top:3300px}#blog-modal-web-design-seo-visibility .blog-modal-content{margin-top:3300px}#blog-modal-10-key-steps-small-business .blog-modal-content{margin-top:4700px}@media (max-width:700px){#blog-modal-10-key-steps-small-business .blog-modal-content{margin-top:2100px}}@media (max-width:480px){.blog-main{padding:8px 0;margin:24px 0;border-radius:0;box-shadow:none}.blog-title{font-size:1.3rem;margin-bottom:10px;word-break:break-word}.blog-meta{font-size:.92rem;margin-bottom:14px}.blog-featured-image{max-width:100%;margin-bottom:18px;border-radius:6px;box-shadow:none;height:auto}.blog-content{font-size:1rem;margin-top:400px;padding:0 2px}.blog-content h2{font-size:1.08rem;margin-top:18px;margin-bottom:8px}.blog-content ul,.blog-content ol{margin-left:1em;margin-bottom:10px}.blog-content li{margin-bottom:.4em}.expand-blog-btn{padding:8px 10px;font-size:.98rem;border-radius:6px;margin:18px auto 12px auto;width:100%;box-sizing:border-box}.blog-list-container{grid-template-columns:1fr;gap:10px;padding:0;margin:18px 0}.blog-card{border-radius:6px;box-shadow:0 2px 8px rgba(24,29,35,.07)}.blog-card-image{height:80px;border-radius:0}.blog-card-content{padding:8px 4px}.blog-card-title{font-size:.98rem;margin-bottom:6px}.blog-card-meta{font-size:.85rem;margin-bottom:8px}.blog-card-excerpt{font-size:.95rem;margin-bottom:10px}.blog-card-readmore{padding:7px 12px;font-size:.95rem;border-radius:4px}.blog-modal-overlay{padding:18px 0 8px 0}.blog-modal-content{padding:6px 0;border-radius:0;max-width:100vw;margin-top:0;box-shadow:0 2px 12px rgba(24,29,35,.13)}.blog-modal-close{top:0;right:-18px;font-size:1.5rem}body,html{min-height:100vh;display:flex;flex-direction:column}body>footer,html>footer{margin-top:auto;width:100%}}.blog-card img.blog-card-image{object-fit:cover;width:100%;height:180px;display:block;border-radius:0;box-shadow:0 2px 12px rgba(24,29,35,.08)}@media (max-width:700px){.blog-card img.blog-card-image{height:120px}}.blog-card:has(.blog-card-title:contains('10 Key Steps to Building a Great Small Business Website')) .blog-card-image{margin-top:24px}@media (max-width:700px){.blog-card:has(.blog-card-title:contains('10 Key Steps to Building a Great Small Business Website')) .blog-card-image{margin-top:12px}}.blog-card.blog-card-10-steps .blog-card-image{margin-top:36px}@media (max-width:700px){.blog-card.blog-card-10-steps .blog-card-image{margin-top:1500px}}#blog-modal-cre8-london-build .blog-modal-content{margin-top:3100px}@media (max-width:700px){#blog-modal-cre8-london-build .blog-modal-content{margin-top:1600px}}.breadcrumbs{max-width:1200px;margin:40px auto 32px auto;padding:0 16px}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;background:#fff;border-radius:14px;box-shadow:0 4px 24px rgba(24,29,35,.07);padding:14px 24px;margin:0}.breadcrumbs li{display:flex;align-items:center;color:#181d23;font-size:1.05rem;font-weight:700}.breadcrumbs li:not(:last-child)::after{content:'\203A';margin:0 .75em;color:#ce8157;font-size:1.1em;font-weight:bold}.breadcrumbs a{color:#181d23;text-decoration:none;border-radius:6px;padding:2px 8px;transition:background .2s,color .2s}.breadcrumbs a:hover,.breadcrumbs a:focus{background:#ce8157;color:#fff;text-decoration:none}.breadcrumbs li:last-child span{color:#888;font-weight:700;cursor:default}@media (max-width:700px){.breadcrumbs{margin:24px 0 16px 0;padding:0 4px}.breadcrumbs ol{padding:10px 8px}.breadcrumbs li{font-size:.98rem}}