/*
Theme Name: Realiza Blog
Description: Blog com header e footer identicos ao site imoveisrealiza.com, fundo cinza e sidebar.
Version: 1.0
*/

body{ background:#efefef !important; padding-top:0 !important; }
header.topo-pages{ margin-bottom:45px; }

.blog-content{ padding:5px 0 60px; min-height:60vh; }

.blog-content .post{ background:#fff; border-radius:10px; margin-bottom:30px; box-shadow:0 1px 6px rgba(0,0,0,.07); overflow:hidden; }
.blog-content .post-card .post-thumb img{ width:100%; height:auto; display:block; }
.blog-content .post-card h2{ margin:22px 30px 6px; line-height:1.25; font-size:26px; }
.blog-content .post-card h2 a{ text-decoration:none; color:#1d1d1d; }
.blog-content .post-card h2 a:hover{ color:#a8282c; }
.blog-content .post-card .meta{ margin:0 30px; font-size:13px; color:#999; }
.blog-content .post-card .entry{ margin:12px 30px 0; color:#555; line-height:1.7; }
.blog-content .post-card .readmore{ display:inline-block; margin:14px 30px 26px; color:#a8282c; font-weight:600; text-decoration:none; }
.blog-content .post-single .post-thumb img{ width:100%; height:auto; display:block; }
.blog-content .post-single h1{ margin:24px 32px 6px; line-height:1.2; font-size:32px; }
.blog-content .post-single .meta{ margin:0 32px; font-size:13px; color:#999; }
.blog-content .post-single .entry{ margin:18px 32px 30px; color:#444; line-height:1.8; }
.blog-content .post-single .entry img{ max-width:100%; height:auto; border-radius:8px; }
.blog-content .post-single .entry h2{ font-size:24px; margin:28px 0 12px; }
.blog-content .post-single .entry h3{ font-size:20px; margin:24px 0 10px; }
.blog-content .post-single .entry a{ color:#a8282c; }

.tb-pagination{ margin:0 0 30px; text-align:center; }
.tb-pagination .page-numbers{ display:inline-block; padding:9px 15px; margin:0 3px; background:#fff; border-radius:7px; text-decoration:none; color:#a8282c; box-shadow:0 1px 5px rgba(0,0,0,.07); }
.tb-pagination .page-numbers.current{ background:#a8282c; color:#fff; }

.tb-search{ position:relative; margin-bottom:26px; }
.tb-search input{ width:100%; border:1px solid #dcdcdc; border-radius:8px; padding:15px 56px 15px 16px; font-size:15px; background:#fff; outline:none; }
.tb-search input:focus{ border-color:#a8282c; }
.tb-search button{ position:absolute; right:0; top:0; height:100%; width:50px; border:0; background:#a8282c; border-radius:0 8px 8px 0; cursor:pointer; }
.tb-search button::before{ content:""; position:absolute; left:16px; top:50%; margin-top:-9px; width:12px; height:12px; border:2px solid #fff; border-radius:50%; }
.tb-search button::after{ content:""; position:absolute; right:15px; bottom:16px; width:2px; height:8px; background:#fff; transform:rotate(-45deg); }
.tb-widget{ background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 1px 6px rgba(0,0,0,.07); margin-bottom:26px; }
.tb-widget-title{ background:#a8282c; color:#fff; text-align:center; font-weight:700; letter-spacing:.6px; padding:17px; text-transform:uppercase; }
.tb-cats{ list-style:none; margin:0; padding:6px 0; }
.tb-cats li{ display:block; width:100%; float:none; text-align:center; }
.tb-cats li a{ display:block; padding:14px 16px; color:#333; text-decoration:none; text-transform:uppercase; font-size:14px; border-bottom:1px solid #eee; }
.tb-cats li:last-child a{ border-bottom:0; }
.tb-cats li a:hover{ color:#a8282c; }
.tb-cats .children{ list-style:none; padding-left:0; }

@media (max-width: 991px){
  .tb-sidebar{ margin-top:10px; }
  .blog-content .post-card h2{ margin:18px 20px 6px; font-size:22px; }
  .blog-content .post-card .meta, .blog-content .post-card .entry{ margin-left:20px; margin-right:20px; }
  .blog-content .post-card .readmore{ margin-left:20px; margin-right:20px; }
  .blog-content .post-single h1{ margin:20px 20px 6px; font-size:26px; }
  .blog-content .post-single .meta, .blog-content .post-single .entry{ margin-left:20px; margin-right:20px; }
}

/* menu hamburguer sempre visivel */
header.topo-pages .menu{ text-align:right; }
header.topo-pages .menu button.abre-menu-mobile{ width:38px; height:30px; border:0; background:transparent; position:relative; cursor:pointer; padding:0; }

/* Bootstrap 5 sublinha links por padrao; o site nao sublinha */
a{ text-decoration:none; }
header a, footer a, .menu-mobile a{ text-decoration:none !important; }
.blog-content .post-single .entry a{ text-decoration:underline; }