/* ================================================================
   BLOG — BRITO COMUNICAÇÃO
   CSS PROFISSIONAL | Bootstrap 5.3.3 | Sem !important
   ================================================================ */

:root { --primary:#148a45; --primary-hover:#0f7139; --primary-dark:#0c6231; --primary-light:#e7f5ec; --dark:#08132f; --text:#17213b; --text-secondary:#46516a; --text-muted:#6b768d; --bg:#f5f7f9; --white:#fff; --border:#dce2e8; --border-light:#e8edf1; --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-pill:999px; --shadow-sm:0 2px 8px rgba(8,19,47,.06); --shadow-md:0 8px 24px rgba(8,19,47,.08); --shadow-hover:0 14px 32px rgba(20,138,69,.14); --content-width:1180px; --navbar-mobile-height:64px; --font-project:"Outfit",sans-serif; }

/* BASE */
.blog-page, .blog-page *, .blog-page *::before, .blog-page *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:var(--navbar-mobile-height); }
body.blog-page { min-height:100vh; margin:0; display:flex; flex-direction:column; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:var(--font-project); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.blog-page main { flex:1 0 auto; }
.blog-page img { max-width:100%; }
.blog-page a { text-decoration:none; }
.blog-page h1, .blog-page h2, .blog-page h3, .blog-page h4, .blog-page h5, .blog-page h6 { color:var(--dark); font-weight:700; }
.blog-page input, .blog-page button, .blog-page select, .blog-page textarea, .blog-page .btn, .blog-page .form-control { font-family:inherit; }
.blog-page>.blog-navbar .container, .blog-page>.blog-hero .container, .blog-page>.categoria-menu .container, .blog-page>.blog-main .container, .blog-page>.blog-footer .container { width:100%; max-width:var(--content-width); margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; }

/* NAVBAR */
.blog-navbar { position:sticky; top:0; z-index:1030; width:100%; background:var(--white); border-bottom:1px solid var(--border-light); box-shadow:0 1px 3px rgba(8,19,47,.04); }
.blog-navbar .container { display:flex; align-items:center; justify-content:space-between; min-height:72px; }
.blog-navbar .navbar-brand { display:flex; align-items:center; flex-shrink:0; margin:0; padding:0; }
.blog-navbar .navbar-brand img, .blog-navbar .navbar__logo { display:block; width:auto; max-width:220px; height:54px; object-fit:contain; }
.blog-navbar .navbar-toggler { position:relative; z-index:2; display:none; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; padding:8px; cursor:pointer; background:transparent; border:1px solid var(--border); border-radius:8px; box-shadow:none; }
.blog-navbar .navbar-toggler:hover { border-color:var(--primary); background:rgba(20,138,69,.05); }
.blog-navbar .navbar-toggler:focus-visible { outline:3px solid rgba(20,138,69,.25); outline-offset:2px; }
.blog-navbar .navbar-toggler-icon, .blog-navbar .navbar-toggler-icon::before, .blog-navbar .navbar-toggler-icon::after { display:block; width:24px; height:2px; background:var(--text-secondary); border-radius:1px; }
.blog-navbar .navbar-toggler-icon { position:relative; transition:background .15s ease; }
.blog-navbar .navbar-toggler-icon::before, .blog-navbar .navbar-toggler-icon::after { position:absolute; left:0; content:""; transition:transform .15s ease,top .15s ease; }
.blog-navbar .navbar-toggler-icon::before { top:-7px; }
.blog-navbar .navbar-toggler-icon::after { top:7px; }
.blog-navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background:transparent; }
.blog-navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { top:0; transform:rotate(45deg); }
.blog-navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { top:0; transform:rotate(-45deg); }
.blog-navbar .navbar-collapse { display:flex; align-items:center; }
.blog-navbar .navbar-nav { display:flex; align-items:center; gap:4px; margin-left:auto; }
.blog-navbar .nav-link { position:relative; display:flex; align-items:center; min-height:44px; padding:.55rem .75rem; border-radius:var(--radius-sm); color:var(--text-secondary); font-size:.9rem; font-weight:500; white-space:nowrap; transition:color .15s ease,background-color .15s ease; }
.blog-navbar .nav-link:hover { color:var(--primary); background:rgba(20,138,69,.05); }
.blog-navbar .nav-link.active { color:var(--primary); font-weight:600; }
.blog-navbar .nav-link.active::after { position:absolute; right:.75rem; bottom:2px; left:.75rem; height:2px; content:""; background:var(--primary); border-radius:2px; }

/* HERO E CATEGORIAS */
.blog-hero { width:100%; background:var(--white); border-bottom:1px solid var(--border-light); }
.blog-hero .container { padding-top:1.5rem; padding-bottom:1rem; }
.blog-hero h1 { margin:0 0 .5rem; font-size:clamp(2rem,4vw,2.8rem); font-weight:800; line-height:1.15; letter-spacing:-.03em; }
.blog-hero p { margin:0; color:var(--text-secondary); }
.categoria-menu { width:100%; background:var(--white); border-bottom:1px solid var(--border); }
.categoria-menu .container { padding-top:.85rem; padding-bottom:.85rem; }
.categoria-menu-inner { display:flex; align-items:center; gap:1rem; }
.categoria-links { display:flex; align-items:center; flex:1 1 auto; flex-wrap:wrap; gap:.5rem; min-width:0; }
.categoria-link { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:34px; padding:.35rem .8rem; border:1px solid var(--border); border-radius:var(--radius-pill); color:var(--text-secondary); background:var(--white); font-size:.82rem; font-weight:500; line-height:1; white-space:nowrap; transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease; }
.categoria-link:hover { border-color:rgba(20,138,69,.35); color:var(--primary); background:var(--primary-light); transform:translateY(-1px); }
.categoria-link.active { border-color:var(--primary); color:var(--primary-dark); background:var(--primary-light); font-weight:600; }

/* BUSCA E BOTÕES */
.blog-search-form { display:flex; align-items:center; flex:0 1 420px; gap:.5rem; min-width:260px; margin-left:auto; }
.blog-search-form .form-control { flex:1 1 auto; min-width:0; height:42px; padding:.55rem .9rem; border:1px solid var(--border); border-radius:8px; color:var(--text); background:var(--white); font-size:.85rem; }
.blog-search-form .form-control:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(20,138,69,.12); }
.blog-search-form .form-control::placeholder { color:var(--text-muted); }
.blog-page .btn-blog { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:42px; height:42px; padding:.55rem 1.1rem; border:1px solid var(--primary); border-radius:8px; color:var(--white); background:var(--primary); box-shadow:none; font-size:.78rem; font-weight:700; line-height:1; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; cursor:pointer; transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.blog-page .btn-blog:hover { border-color:var(--primary-hover); color:var(--white); background:var(--primary-hover); box-shadow:0 6px 15px rgba(20,138,69,.2); transform:translateY(-1px); }
.blog-page .btn-blog i { font-size:1rem; line-height:1; }
.blog-page .btn-outline-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:42px; height:42px; padding:.55rem 1.1rem; border:1px solid var(--border); border-radius:8px; color:var(--text-secondary); background:var(--white); font-size:.78rem; font-weight:600; line-height:1; white-space:nowrap; cursor:pointer; transition:color .15s ease,background-color .15s ease,border-color .15s ease; }
.blog-page .btn-outline-secondary:hover { border-color:#c5cdd6; color:var(--text); background:var(--bg); }
.blog-page .btn-nav { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:40px; height:40px; padding:.5rem 1rem; border:1px solid var(--border); border-radius:8px; color:var(--text-secondary); background:var(--white); font-size:.8rem; font-weight:600; line-height:1; white-space:nowrap; box-shadow:var(--shadow-sm); cursor:pointer; transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.blog-page .btn-nav:hover { border-color:var(--primary); color:var(--primary); background:var(--primary-light); transform:translateY(-1px); }
.blog-page .btn-nav i { font-size:.95rem; }

/* LISTA DE POSTS */
.blog-main { width:100%; padding:2.25rem 0 4rem; background:var(--bg); }
.blog-main .row { --bs-gutter-x:1.5rem; --bs-gutter-y:1.5rem; margin-top:0; }
.post-card { display:flex; position:relative; flex-direction:column; width:100%; height:100%; min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--white); box-shadow:var(--shadow-sm); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.post-card:hover { border-color:rgba(20,138,69,.3); box-shadow:0 14px 32px rgba(20,138,69,.14); transform:translateY(-4px); }
.post-card>a:first-child { display:block; flex:0 0 200px; width:100%; height:200px; overflow:hidden; background:var(--primary-light); }
.post-card .post-image { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.post-card:hover .post-image { transform:scale(1.035); }
.post-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--primary); background:linear-gradient(135deg,#edf8f1,#e2f2e8); font-size:3rem; }
.post-card-body { display:flex; flex:1 1 auto; flex-direction:column; min-width:0; padding:1.3rem; }
.post-category { display:inline-flex; align-self:flex-start; max-width:100%; margin-bottom:.65rem; padding:.3rem .65rem; border:1px solid rgba(20,138,69,.2); border-radius:var(--radius-pill); color:var(--primary-dark); background:var(--primary-light); font-size:.66rem; font-weight:700; line-height:1.3; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.post-title { display:-webkit-box; margin:0 0 .65rem; overflow:hidden; color:var(--dark); font-size:1.15rem; font-weight:700; line-height:1.35; letter-spacing:-.015em; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.post-title a { color:inherit; }
.post-title a:hover { color:var(--primary); }
.post-summary { display:-webkit-box; margin:0 0 .9rem; overflow:hidden; color:var(--text-secondary); font-size:.9rem; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.post-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin-top:auto; padding-top:.8rem; border-top:1px solid var(--border-light); color:var(--text-muted); font-size:.72rem; line-height:1.4; }
.post-meta span { display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; }
.post-meta i { color:var(--primary); }

/* PAGINAÇÃO E POST INTERNO */
.blog-pagination { margin-top:2.5rem; }
.blog-pagination .pagination { gap:.4rem; }
.blog-pagination .page-link { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; border:1px solid var(--border); border-radius:8px; color:var(--text-secondary); background:var(--white); font-size:.85rem; transition:color .15s ease,background-color .15s ease,border-color .15s ease; }
.blog-pagination .page-link:hover, .blog-pagination .page-item.active .page-link { border-color:var(--primary); color:var(--white); background:var(--primary); }
.blog-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:300px; padding:3rem 1.5rem; border:1px solid var(--border); border-radius:var(--radius-lg); text-align:center; background:var(--white); box-shadow:var(--shadow-sm); }
.blog-empty i { margin-bottom:1rem; color:var(--primary); font-size:2.8rem; }
.blog-empty h2 { margin:0 0 .5rem; font-size:1.5rem; }
.blog-empty p { max-width:520px; margin:0 0 1.5rem; color:var(--text-secondary); }
.blog-post-card { width:100%; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--white); box-shadow:var(--shadow-sm); }
.blog-post-image { max-height:560px; overflow:hidden; }
.blog-post-image img { display:block; width:100%; max-height:560px; object-fit:cover; }
.blog-post-body { width:100%; max-width:900px; margin:0 auto; padding:2.5rem; }
.blog-post-category { margin-bottom:.8rem; }
.blog-post-category a { color:var(--primary); font-size:.9rem; font-weight:600; }
.blog-post-category a:hover { color:var(--primary-hover); text-decoration:underline; }
.blog-post-title { margin:0 0 1rem; font-size:clamp(2rem,4vw,3.4rem); font-weight:800; line-height:1.12; letter-spacing:-.035em; overflow-wrap:anywhere; }
.blog-post-summary { margin:0 0 1.4rem; color:var(--text-secondary); font-size:1.1rem; line-height:1.7; }
.blog-post-meta { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; padding:.9rem 0; border-top:1px solid var(--border-light); border-bottom:1px solid var(--border-light); color:var(--text-muted); font-size:.85rem; }
.blog-post-meta-item { display:inline-flex; align-items:center; gap:.35rem; }
.blog-post-meta i { color:var(--primary); }
.blog-content { margin-top:2rem; color:var(--text); font-size:1.05rem; line-height:1.85; overflow-wrap:break-word; }
.blog-content p { margin-bottom:1.35rem; }
.blog-content h2 { margin:2.75rem 0 1rem; font-size:1.8rem; line-height:1.25; }
.blog-content h3 { margin:2.25rem 0 .9rem; font-size:1.4rem; }
.blog-content strong { color:var(--dark); font-weight:700; }
.blog-content a { color:var(--primary); font-weight:600; }
.blog-content a:hover { color:var(--primary-hover); text-decoration:underline; }
.blog-content ul, .blog-content ol { margin:1.25rem 0; padding-left:1.5rem; }
.blog-content ul { list-style:disc; }
.blog-content ol { list-style:decimal; }
.blog-content li { margin-bottom:.6rem; }
.blog-content img { display:block; width:100%; height:auto; margin:2rem 0; border-radius:var(--radius-lg); box-shadow:var(--shadow-md); }
.blog-content blockquote { margin:2rem 0; padding:1.25rem 1.5rem; border-left:4px solid var(--primary); border-radius:0 8px 8px 0; color:var(--text-secondary); background:var(--primary-light); font-style:italic; }
.blog-content code { padding:.15rem .4rem; border-radius:4px; color:var(--primary-dark); background:#eef1f4; font-family:Consolas,Monaco,monospace; }
.blog-content pre { margin:2rem 0; padding:1.25rem; overflow-x:auto; border-radius:8px; color:#e5e7eb; background:var(--dark); }
.blog-content pre code { padding:0; color:inherit; background:transparent; }
.post-navigation, .post-footer-navigation { display:flex; flex-wrap:wrap; gap:.75rem; }
.post-navigation { margin-bottom:1.75rem; }
.post-footer-navigation { margin-top:2rem; }

/* FOOTER */
.blog-footer { position:relative; width:100%; margin-top:auto; overflow:hidden; background:#000; color:rgba(255,255,255,.82); border-top:1px solid #151515; }
.blog-footer::before, .blog-footer::after { position:absolute; border-radius:50%; content:""; pointer-events:none; }
.blog-footer::before { top:-160px; right:-120px; width:420px; height:420px; background:radial-gradient(circle,rgba(20,138,69,.08),transparent 70%); filter:blur(56px); }
.blog-footer::after { bottom:-200px; left:-160px; width:520px; height:520px; background:radial-gradient(circle,rgba(20,138,69,.05),transparent 70%); filter:blur(72px); }
.blog-footer .container { position:relative; z-index:1; }
.blog-footer>.container { padding-top:3.5rem; padding-bottom:1.5rem; }
.blog-footer .row { align-items:flex-start; }
.footer-brand { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:1rem; }
.footer-brand>a { display:inline-flex; margin-bottom:.85rem; }
.footer-brand img, .footer-logo { display:block; width:300px; max-width:100%; height:auto; margin:0; object-fit:contain; }
.footer-description { max-width:430px; margin:0; color:rgba(255,255,255,.72); font-size:.9rem; line-height:1.7; }
.footer-social { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.social-link { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(255,255,255,.08); border-radius:10px; color:rgba(255,255,255,.82); background:rgba(255,255,255,.05); transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.social-link:hover { border-color:var(--primary); color:#fff; background:var(--primary); box-shadow:0 10px 24px rgba(20,138,69,.24); transform:translateY(-3px); }
.blog-footer h5, .footer-heading { margin:0 0 1.2rem; color:#fff; font-size:.78rem; font-weight:700; line-height:1.3; letter-spacing:.18em; text-transform:uppercase; }
.footer-category, .footer-link { display:block; width:fit-content; padding:.4rem 0; color:rgba(255,255,255,.72); font-size:.94rem; font-weight:500; line-height:1.5; transition:color .2s ease,transform .2s ease; }
.footer-category:hover, .footer-link:hover { color:var(--primary); transform:translateX(4px); }
.footer-contact-item { display:flex; align-items:center; gap:.8rem; margin-bottom:.75rem; color:rgba(255,255,255,.72); font-size:.94rem; line-height:1.6; }
.footer-contact-item i { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; border:1px solid rgba(20,138,69,.18); border-radius:50%; color:var(--primary); background:rgba(20,138,69,.1); }
.footer-bottom { width:100%; margin-top:2.2rem; padding:1.25rem 0; border-top:1px solid rgba(255,255,255,.08); }
.blog-footer .footer-bottom .container { display:flex; align-items:center; justify-content:center; gap:.5rem 1rem; min-height:0; padding-top:0; padding-bottom:0; color:rgba(255,255,255,.52); font-size:.82rem; line-height:1.6; text-align:center; }
.footer-bottom-inner { display:flex; align-items:center; justify-content:center; gap:.5rem 1rem; width:100%; color:inherit; }
.footer-bottom p { margin:0; }
.footer-bottom a { color:inherit; }
.footer-bottom a:hover { color:var(--primary); }

/* ACESSIBILIDADE */
.blog-page a:focus-visible, .blog-page button:focus-visible { outline:3px solid rgba(20,138,69,.3); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .blog-page *, .blog-page *::before, .blog-page *::after { scroll-behavior:auto; transition-duration:.01ms; animation-duration:.01ms; animation-iteration-count:1; } }
.blog-page ::selection { color:var(--dark); background:rgba(20,138,69,.2); }

/* RESPONSIVO — TABLET E CELULAR */
@media(max-width:991.98px) { body.blog-page { padding-top:var(--navbar-mobile-height); } .blog-navbar { position:fixed; top:0; right:0; left:0; z-index:1100; } .blog-navbar .container { min-height:var(--navbar-mobile-height); } .blog-navbar .navbar-toggler { display:flex; } .blog-navbar .navbar-collapse { position:absolute; top:100%; right:0; left:0; display:block; max-height:0; overflow:hidden; background:var(--white); border-bottom:1px solid var(--border-light); box-shadow:0 8px 16px rgba(8,19,47,.08); transition:max-height .2s ease; } .blog-navbar .navbar-collapse.show { max-height:520px; } .blog-navbar .navbar-nav { align-items:stretch; gap:0; width:100%; padding:.5rem 0; margin:0; } .blog-navbar .nav-link { width:100%; padding:.85rem 1.25rem; border-radius:0; border-bottom:1px solid var(--border-light); } .blog-navbar .nav-link:last-child { border-bottom:0; } .blog-navbar .nav-link.active::after { display:none; } .blog-navbar .nav-link.active { background:var(--primary-light); } .categoria-menu-inner { flex-direction:column; align-items:stretch; gap:.75rem; } .categoria-links { flex-wrap:nowrap; width:100%; padding-top:.25rem; padding-bottom:.35rem; overflow-x:auto; scrollbar-width:thin; } .blog-search-form { flex:1 1 auto; width:100%; min-width:0; margin-left:0; } .blog-main { padding-top:1.5rem; padding-bottom:3rem; } .post-card>a:first-child { height:210px; flex-basis:210px; } .blog-footer>.container { padding-top:2.75rem; } }

@media(max-width:767.98px) { .blog-page>.blog-navbar .container, .blog-page>.blog-hero .container, .blog-page>.categoria-menu .container, .blog-page>.blog-main .container, .blog-page>.blog-footer .container { padding-right:14px; padding-left:14px; } .blog-navbar .navbar-brand img, .blog-navbar .navbar__logo { max-width:165px; height:42px; } .blog-hero h1 { font-size:1.7rem; } .blog-hero p { font-size:.9rem; } .categoria-link { min-height:32px; padding:.3rem .65rem; font-size:.76rem; } .blog-search-form { flex-wrap:wrap; } .blog-search-form .form-control { flex:1 1 100%; } .blog-search-form .btn-blog, .blog-search-form .btn-outline-secondary { flex:1 1 calc(50% - .25rem); } .post-card>a:first-child { height:190px; flex-basis:190px; } .post-card-body { padding:1.1rem; } .post-title { font-size:1.08rem; } .post-summary { font-size:.87rem; } .post-meta { gap:.55rem; font-size:.68rem; } .blog-post-body { padding:1.25rem; } .blog-post-title { font-size:1.7rem; } .blog-post-summary { font-size:.95rem; } .blog-post-meta { align-items:flex-start; gap:.6rem; font-size:.76rem; } .blog-content { font-size:.96rem; } .blog-content h2 { font-size:1.45rem; } .blog-content h3 { font-size:1.25rem; } .post-navigation { flex-direction:column; align-items:stretch; } .post-navigation .btn, .post-navigation .btn-blog { width:100%; } .footer-brand { align-items:center; text-align:center; } .footer-brand img, .footer-logo { margin-right:auto; margin-left:auto; } .footer-social { justify-content:center; } .blog-footer .row>[class*="col"] { margin-bottom:2rem; text-align:center; } .footer-category, .footer-link { margin-right:auto; margin-left:auto; } .footer-contact-item { justify-content:center; text-align:left; } .footer-bottom-inner, .blog-footer .footer-bottom .container { flex-direction:column; } }

@media(max-width:575.98px) { .blog-page>.blog-navbar .container, .blog-page>.blog-hero .container, .blog-page>.categoria-menu .container, .blog-page>.blog-main .container, .blog-page>.blog-footer .container { padding-right:12px; padding-left:12px; } .blog-navbar .navbar-brand img, .blog-navbar .navbar__logo { max-width:150px; height:40px; } .blog-navbar .navbar-toggler { height:40px; } .blog-hero h1 { font-size:1.5rem; } .blog-hero p { font-size:.85rem; } .blog-search-form .btn-blog, .blog-search-form .btn-outline-secondary { flex-basis:100%; } .post-card>a:first-child { height:175px; flex-basis:175px; } .post-card-body { padding:1rem; } .post-title { font-size:1rem; } .post-summary { font-size:.84rem; } .blog-post-title { font-size:1.5rem; } .footer-brand img, .footer-logo { width:240px; } }

@media print { .blog-navbar, .categoria-menu, .blog-footer, .blog-pagination, .btn, .btn-blog, .post-navigation, .post-footer-navigation { display:none; } body.blog-page, .blog-main { color:#000; background:#fff; } .blog-main { padding:0; } .blog-post-card { border:0; box-shadow:none; } .blog-post-body { max-width:none; padding:0; } .blog-content { max-width:none; color:#000; } }