.blog-crumbs[data-astro-cid-ijnerlr2]{background:#fafaf7;padding:10px 0 0 35px}.blog-crumbs-inner[data-astro-cid-ijnerlr2]{max-width:1280px;margin-inline:auto;background:#fff;display:flex;align-items:center;padding:5px 0 8px}.blog-crumbs[data-astro-cid-ijnerlr2] a[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:15px;line-height:18px;font-weight:600;text-decoration:underline;color:#115672}.blog-crumbs-arrow[data-astro-cid-ijnerlr2]{width:15px;height:15px;flex:none;color:#706a6a;margin:0 14px 0 34px}.blog-crumbs[data-astro-cid-ijnerlr2] span[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:15px;line-height:18px;font-weight:200;color:#115672}.blog-crumbs-m[data-astro-cid-ijnerlr2]{display:none}.blog-crumbs-m[data-astro-cid-ijnerlr2] a[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:26px;line-height:31.2px;font-weight:600;color:#115672;text-decoration:none}.blog-crumbs-m[data-astro-cid-ijnerlr2] span[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:26px;line-height:31.2px;font-weight:200;color:#115672}.blog-crumbs-m-arrow[data-astro-cid-ijnerlr2]{width:12px;height:12px;flex:none;color:#115672;align-self:flex-start;margin:-8px 0 0}.blog-main[data-astro-cid-ijnerlr2]{background:#fafaf7;padding:8px 20px 80px;font-family:var(--font-heading);font-size:16px;line-height:27.2px;color:#000}.blog-h1[data-astro-cid-ijnerlr2]{max-width:1280px;margin:0 auto 28px;padding:0 20px;font-family:var(--font-heading);font-size:36px;line-height:1.2;font-weight:700;color:#115672;text-wrap:balance}.blog-main-inner[data-astro-cid-ijnerlr2]{max-width:1280px;margin-inline:auto;display:flex;align-items:flex-start}.blog-col-main[data-astro-cid-ijnerlr2]{flex:0 0 60%;width:60%}.blog-col-side[data-astro-cid-ijnerlr2]{flex:0 0 40%;width:40%}.blog-post-text[data-astro-cid-ijnerlr2]{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--font-heading);font-size:16px;line-height:27.2px}.blog-post-title[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:18px;line-height:1.2;font-weight:600;color:#000;margin:0;text-wrap:balance}.blog-post-title[data-astro-cid-ijnerlr2] a[data-astro-cid-ijnerlr2]{color:#000}.blog-meta[data-astro-cid-ijnerlr2]{margin:0 0 13px;font-family:var(--font-heading);font-size:12px;line-height:15.6px;font-weight:400;color:#3f4951}.blog-date[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:12px;line-height:15.6px;font-weight:400;color:#3f4951}.blog-excerpt[data-astro-cid-ijnerlr2] p[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:14px;line-height:21px;font-weight:400;color:#3f4951;margin:0 0 20px}.blog-readmore[data-astro-cid-ijnerlr2]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:15px;line-height:1;font-weight:500;color:#fff;background-color:#115672;border:1px solid #115672;border-radius:100px;padding:12px 24px;text-decoration:none;transition:background-color .3s,border-color .3s}.blog-readmore[data-astro-cid-ijnerlr2]:hover,.blog-readmore[data-astro-cid-ijnerlr2]:focus{background-color:#0e4a63;border-color:#0e4a63;color:#fff}.blog-post-text[data-astro-cid-ijnerlr2] .blog-readmore[data-astro-cid-ijnerlr2]{margin-top:auto;align-self:flex-start}.blog-feature-thumb[data-astro-cid-ijnerlr2],.blog-card-thumb[data-astro-cid-ijnerlr2],.blog-pop-thumb[data-astro-cid-ijnerlr2]{display:block;position:relative;overflow:hidden}.blog-feature-thumb[data-astro-cid-ijnerlr2] img[data-astro-cid-ijnerlr2],.blog-card-thumb[data-astro-cid-ijnerlr2] img[data-astro-cid-ijnerlr2],.blog-pop-thumb[data-astro-cid-ijnerlr2] img[data-astro-cid-ijnerlr2]{width:100%;height:100%;object-fit:cover;display:block}.blog-feature[data-astro-cid-ijnerlr2]{display:flex;flex-direction:column;margin-bottom:34px}.blog-feature-thumb[data-astro-cid-ijnerlr2]{aspect-ratio:50 / 33;border-radius:15px;margin-bottom:20px}.blog-grid[data-astro-cid-ijnerlr2]{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:35px}.blog-card[data-astro-cid-ijnerlr2]{display:flex;flex-direction:column}.blog-card-thumb[data-astro-cid-ijnerlr2]{aspect-ratio:50 / 33;border-radius:15px;margin-bottom:20px}.blog-pop[data-astro-cid-ijnerlr2]{padding-left:50px}.blog-pop[data-astro-cid-ijnerlr2]>h2[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:30px;line-height:36px;font-weight:600;color:#115672;margin:0 0 30px}.blog-pop-list[data-astro-cid-ijnerlr2]{list-style:none;margin:0;padding:0;display:grid;row-gap:20px}.blog-pop-list[data-astro-cid-ijnerlr2] li[data-astro-cid-ijnerlr2]{display:flex;align-items:stretch}.blog-pop-thumb[data-astro-cid-ijnerlr2]{flex:0 0 32%;width:32%;align-self:stretch;min-height:100px;border-radius:10px;margin-right:16px}.blog-pop-body[data-astro-cid-ijnerlr2]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font-family:var(--font-heading);font-size:15px;line-height:1.35}.blog-pop-body[data-astro-cid-ijnerlr2] .blog-post-title[data-astro-cid-ijnerlr2]{font-size:15px;line-height:1.3}.blog-pop-body[data-astro-cid-ijnerlr2] .blog-meta[data-astro-cid-ijnerlr2]{margin:5px 0 10px}.blog-pop-readmore[data-astro-cid-ijnerlr2]{align-self:flex-start;margin-top:auto;font-size:13px;padding:9px 18px}.blog-promos[data-astro-cid-ijnerlr2]{display:flex;flex-direction:column;gap:20px;padding:0 20px 0 50px}.blog-promo[data-astro-cid-ijnerlr2]{position:relative;overflow:hidden;margin-top:30px;padding:20px 20px 50px;border-radius:15px;background-color:#000}.blog-promo[data-astro-cid-ijnerlr2]:before{content:"";position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;opacity:.23}.blog-promo-doors[data-astro-cid-ijnerlr2]:before{background-image:url(/images/uploads/2025/03/beautiful-garage-door-twf.webp);background-position:center center}.blog-promo-shop[data-astro-cid-ijnerlr2]:before{background-image:url(/images/uploads/2025/05/why-choose-twf-diy-roller-garage-doors.webp);background-position:center left}.blog-promo-heading[data-astro-cid-ijnerlr2],.blog-promo[data-astro-cid-ijnerlr2] p[data-astro-cid-ijnerlr2],.blog-promo-btn[data-astro-cid-ijnerlr2]{position:relative}.blog-promo-heading[data-astro-cid-ijnerlr2]{display:block}.blog-promo[data-astro-cid-ijnerlr2] h2[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:35px;line-height:55px;font-weight:700;color:#fff;text-align:center;margin:0 0 40px}.blog-promo[data-astro-cid-ijnerlr2] p[data-astro-cid-ijnerlr2]{font-family:var(--font-heading);font-size:16px;line-height:21px;font-weight:600;color:#fff;margin:0 0 40px}.blog-promo-btn[data-astro-cid-ijnerlr2]{display:flex;align-items:center;justify-content:center;width:100%;background-color:#065595;border:2px solid #FFFFFF;border-radius:20px;padding:28px 28px 26px;font-family:var(--font-heading);font-size:22px;line-height:1.2;font-weight:600;text-transform:uppercase;text-align:center;text-wrap:balance;color:#fff;transition:background-color .3s,color .3s,border-color .3s}.blog-promo-btn-shop[data-astro-cid-ijnerlr2]{font-size:22px;line-height:1.2}@media(max-width:1280px){.blog-promo-btn[data-astro-cid-ijnerlr2],.blog-promo-btn-shop[data-astro-cid-ijnerlr2]{font-size:19px;padding:24px 22px 22px}}.blog-promo-btn[data-astro-cid-ijnerlr2]:hover{background-color:#fff;color:#000;border-color:#000}@media(max-width:1024px){.blog-grid[data-astro-cid-ijnerlr2]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-h1[data-astro-cid-ijnerlr2]{font-size:28px;padding:0 25px;margin-bottom:20px}.blog-crumbs[data-astro-cid-ijnerlr2]{display:none}.blog-crumbs-m[data-astro-cid-ijnerlr2]{display:flex;align-items:center;background:#fff;padding:30px 0 20px 20px}.blog-main[data-astro-cid-ijnerlr2]{padding:0 20px}.blog-main-inner[data-astro-cid-ijnerlr2]{flex-direction:column}.blog-col-main[data-astro-cid-ijnerlr2]{flex:1 1 auto;width:100%}.blog-col-side[data-astro-cid-ijnerlr2]{display:none}.blog-feature-thumb[data-astro-cid-ijnerlr2],.blog-card-thumb[data-astro-cid-ijnerlr2]{aspect-ratio:2 / 1}.blog-post-title[data-astro-cid-ijnerlr2]{font-size:22px;line-height:1.35;margin:20px 0 10px}.blog-meta[data-astro-cid-ijnerlr2]{margin:0 0 13px}.blog-grid[data-astro-cid-ijnerlr2]{grid-template-columns:1fr;row-gap:35px}}
