/* Home Blog */
.header-blog{position: relative; background: url('../images/bg-footer.png') center center no-repeat; background-size: cover; padding: 30px 15px; margin: 0 auto 50px; max-width: 1920px;}
.header-blog::before{content: ''; display: block; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; z-index: 1;}
.header-blog h1, .header-blog p.blog{color: #d35a2b; position: relative; margin: 0; padding: 0; font-size: 30px; font-weight: 700; text-align: center; z-index: 200;}

/* Categoria de posts */
.blog-posts{margin: 0 -15px; padding-bottom: 100px;}
.blog-posts .post-item{width: 100%; padding: 0 15px 30px;}

.blog-posts .post-item .post{display: block; width: 100%; padding: 20px; border: 1px solid #afafaf; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px #888888;}
.blog-posts .post-item .post .entry-title{font-size: 24px; font-weight: 700}
.blog-posts .post-item .post .entry-title a{color: #d35a2b; text-decoration: none; transition: linear .2s all}
.blog-posts .post-item .post .entry-title a:hover{color: #d35a2b; text-decoration: none}
.blog-posts .post-item .post .post-meta{color: #0e0f0f; font-size: 14px;}
.blog-posts .post-item .post .post-meta span:after{content: '/'; padding: 0 .45em;}
.blog-posts .post-item .post .post-meta span:last-child::after{content: ''; padding: 0}
.blog-posts .post-item .post .post-meta a{color: #d35a2b; text-decoration: none; transition: linear .2s all}
.blog-posts .post-item .post .post-meta a:hover{color: #d35a2b; text-decoration: none}

.blog-posts .post-item .featured-image{max-width: 100%; overflow: hidden; margin-bottom: 15px;}
.blog-posts .post-item .featured-image img{max-width: 100%; height: auto}

.blog-posts .post-item .post .entry{color: #0e0f0f; font-size: 14px;}

.blog-posts .post-item .post .entry a.more-link{color: #d35a2b; font-weight: 700; transition: .2s all linear; text-decoration: none}
.blog-posts .post-item .post .entry a.more-link:hover{color: #565656;}

/* Página do post */
.post{position: relative; padding-left: 0; padding-right: 0}
.post h1.entry-title{color: #d35a2b; font-size: 30px; font-weight: 700; margin-top: 0; margin-bottom: 15px}
.post h1.entry-title:before{content: ''; display: none;}

.post .entry-title a:hover{color: #d35a2b; text-decoration: none}
.post .post-meta{color: #0e0f0f; font-size: 14px;}
.post .post-meta span:after{content: '/'; padding: 0 .45em;}
.post .post-meta span:last-child::after{content: ''; padding: 0}
.post .post-meta a{color: #d35a2b; text-decoration: none; transition: linear .2s all}
.post .post-meta a:hover{color: #d35a2b; text-decoration: none}

.post .entry-subtitle{color: #0e0f0f; font-size: 18px; margin-top: -15px; margin-bottom: 15px;}

.post .sep{display: block; border-top: 1px solid #afafaf; width: 230px; max-width: 100%; height: 1px; margin: 15px 0 20px;}
.post .entry{color: #565656; font-size: 15px}
.post .featured-image figure figcaption{font-size: 20px; color: #9c9c9c; line-height: 24px;}
.post .featured-image figure img{margin-top: 20px; max-width: 100%; height: auto}
.post .entry{color: #565656; font-size: 16px}
.post .entry p.alignleft {text-align: left;}
.post .entry p.alignright {text-align: right;}
.post .entry p.aligncenter {text-align: center;}
.post .entry a {color: #006ba9;}
.post .entry a:hover, article.page .entry a:focus {color: #d35a2b; text-decoration: underline;}
.post .entry img {height: auto; max-width: 100%; margin-bottom: 20px;}
.post .entry img.alignleft {float: left; margin-right: 30px;}
.post .entry img.alignright {float: right; margin-left: 30px;}
.post .entry img.aligncenter {display: block; margin: 0 auto 30px; text-align: center;}
.post .entry iframe {border: 0; padding: 0; margin: 0; max-width: 100%;}
.post .entry iframe.alignleft {float: left; margin-right: 27px; margin-bottom: 20px;}
.post .entry iframe.aligncenter {display: block; float: none; margin: 20px auto;}
.post .entry iframe.alignright {float: right; margin-left: 27px; margin-bottom: 20px;}
.post .entry ul li, article.page .entry ul li ul li {color: #727272;}
.post .entry hr{border-color: #767676;}

.post .entry .wp-caption{max-width: 100%;}
.post .entry .wp-caption .wp-caption-text{font-size: 12px; color: #565656; margin: 10px 0 0; padding: 0;}
.post .entry .wp-caption img{margin-bottom: 0;}
.post .entry .alignleft {float: left; margin-right: 30px;}
.post .entry .alignright {float: right; margin-left: 30px;}
.post .entry .aligncenter {display: block; margin: 0 auto 30px; text-align: center;}

.list-tags{margin-top: 50px; padding: 1em 1.25em; line-height: 1.4; background-color: #f9f9f9; font-size: 14px; color: #565656;}
.list-tags .title-tags{font-weight: 400;}
.list-tags .title-tags:before{content: '\f02c';font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 16px; margin-right: 5px;}
.list-tags a{color: #d35a2b; font-weight: 700; text-decoration: none; transition: .15s}
.list-tags a:hover{color: #d35a2b;}
.list-tags a:after{content: ', '}
.list-tags a:last-child:after{content: ''}

/* Paginação */
.post_nav{padding: 0; margin: 0 0 50px; text-align: center;}
.post_nav ul{padding: 0; margin: 0 auto;}
.post_nav li a, .post_nav li a:hover, .post_nav li.active a, .post_nav li.disabled {color: #0e0f0f; font-size: 14px; text-decoration: none; transition: .2s all linear; text-transform: lowercase;}
.post_nav li {display: inline; margin: 0; padding: 0 3px}
.post_nav li a, .post_nav li a:hover, .post_nav li.active a, .post_nav li.disabled {background-color: #fff; border-radius: 5px; cursor: pointer; padding: 5px 10px;}
.post_nav li a:hover,.post_nav li.active a {background-color: #d35a2b; color: #fff}

/* Compartilhamento */
.compartilhe{padding-top: 30px; margin-top: 0; margin-bottom: 50px;}
.compartilhe > h4{color: #d35a2b; padding-bottom: 5px; font-size: 24px; margin-bottom: 20px; border-bottom: 1px solid #ddd}
.bpssb-buttons {box-sizing: border-box; font-size: 12px; height: 36px; margin: 0; padding: 0; width: 100%; list-style: none;}
.bpssb-buttons:after, .bpssb-buttons:before {content: ' '; display: table;}
.bpssb-buttons li {box-sizing: border-box; float: left; height: 100%; line-height: 13px; list-style: none; margin: 0; padding: 0 2px; width: 16.6666%;}
.bpssb-buttons li a {background-color: #ccc; border-radius: 2px; box-sizing: border-box; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 700; height: 100%; padding: 11px 7px 12px 7px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; width: 100%; color: #fff;}
.bpssb-buttons li .bpssb-icon {width: 100%; position: relative; top: auto; left: auto;}
.bpssb-buttons li a .bpssb-icon svg {height: 17px; width: 17px; fill: currentColor;}
.bpssb-buttons li a .bpssb-text {color: #fff; display: none;}
.bpssb-buttons li.bpssb-facebook a {background-color: #306199;}
.bpssb-buttons li.bpssb-facebook a:hover {background-color: #244872;}
.bpssb-buttons li.bpssb-twitter a {background-color: #26c4f1;}
.bpssb-buttons li.bpssb-twitter a:hover {background-color: #0eaad6;}
.bpssb-buttons li.bpssb-googleplus a {background-color: #e93f2e;}
.bpssb-buttons li.bpssb-googleplus a:hover {background-color: #ce2616;}
.bpssb-buttons li.bpssb-pinterest a {background-color: #b81621;}
.bpssb-buttons li.bpssb-pinterest a:hover {background-color: #8a1119;}
.bpssb-buttons li.bpssb-email a {background-color: #0a88ff;}
.bpssb-buttons li.bpssb-email a:hover {background-color: #006ed6;}
.bpssb-buttons li.bpssb-whatsapp a {background-color: #43d854;}
.bpssb-buttons li.bpssb-whatsapp a:hover {background-color: #28c039;}

/* Comentários do Wordpress */
#comments{display: block; margin-bottom: 50px;}
#comments h3, #comments h4{color: #d35a2b; padding-bottom: 5px; font-size: 24px; margin-bottom: 20px; border-bottom: 1px solid #ddd}
#comments a{color: #d35a2b; text-decoration: none;}
#comments a:hover{text-decoration: underline;}
h3#comments-number, h3.postcomment {color: #d35a2b; padding-bottom: 5px; font-size: 24px; margin-bottom: 20px}

.commentlist {list-style:none; margin: 20px 0 0 0; padding:0; text-indent:0; }

.commentlist .alt { }
.commentlist .bypostauthor { }
.commentlist .byuser { }
.commentlist .comment-author-admin { }
.commentlist .comment {border-top:1px solid #dfdfdf; margin:0 0 10px 0; padding:30px 10px 7px 57px; position:relative; }

.commentlist div.comment-author { padding:0 170px 0 0; }
.commentlist div.vcard { line-height: 24px; padding-bottom: 5px; }

.commentlist div.vcard cite.fn { font-style:normal; }
.commentlist div.vcard cite.fn a.url { }
.commentlist div.vcard cite.fn a.url:hover { }
.commentlist div.vcard img.avatar { border:1px solid #dfdfdf; left:10px; position:absolute; top:30px; padding: 2px; }

.commentlist div.vcard img.avatar-32 { }
.commentlist div.vcard img.photo { }
.commentlist div.vcard span.says { }
.commentlist div.commentmetadata { }

.commentlist div.comment-meta { line-height: 24px; position:absolute; right:10px; text-align: right; top: 30px; }
.commentlist div.comment-meta a { color:#d35a2b; text-decoration:none; }
.commentlist div.comment-meta a:hover { color:#d35a2b; text-decoration:none; }
.commentlist p { margin:0 0 1em 0; }
.commentlist form p { margin: 0; }

.commentlist ul { list-style:square; line-height: 24px; margin:0 0 1em; padding:0; text-indent:0; }
.commentlist div.reply { font-size: 12px; }
.commentlist div.reply:hover { }
.commentlist div.reply a { }
.commentlist ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

.commentlist ul.children li {  }
.commentlist ul.children li.alt { }
.commentlist ul.children li.bypostauthor { }
.commentlist ul.children li.byuser { }
.commentlist ul.children li.comment { }
.commentlist ul.children li.comment-author-admin { }

.commentlist ul.children li.depth-2 { margin:0 0 8px; }
.commentlist ul.children li.depth-3 { margin:0 0 8px; }
.commentlist ul.children li.depth-4 { margin:0 0 8px; }

.commentlist ul.children li.depth-5 { }
.commentlist ul.children li.odd { }

h3#respond{color: #d35a2b; padding-bottom: 5px; font-size: 24px; margin-bottom: 20px}
#respond {padding: 25px 0 0 0;}
#comments p.nocomments {padding: 0;}
form#commentform{margin-bottom: 100px}
form#commentform label{margin-bottom: 0; font-size: 14px; font-weight: 700}
form#commentform input {margin-top: 0; padding: 0 15px; width: 350px; max-width: 100%; height: 40px; background: #ffffff; border: 1px solid #d35a2b; font-size: 14px; color: #565656; line-height: 20px;}
form#commentform textarea {margin-top: 10px; padding: 15px; width: 100%; max-width: 100%; background: #ffffff; border: 1px solid #d35a2b; overflow: auto; font-size: 14px; color: #565656; line-height: 20px; min-height: 150px; resize: vertical}
form#commentform #submit {background: #d35a2b; color: #fff; font-size: 16px; padding: 10px 15px; border: 1px solid #d35a2b; margin-top: 30px;}

/* Sidebar */
#sidebar{padding: 20px 0 0; overflow-x: hidden}
#sidebar > ul{list-style: none; margin: 0 0 30px 0; padding: 0}
#sidebar > ul > li{margin: 0; padding: 15px 0 30px;}
#sidebar > ul > li:first-child{padding-top: 0}
#sidebar .widget-title{color: #d35a2b; padding-bottom: 5px; font-size: 18px; font-weight: 700; margin-bottom: 15px;}

#sidebar .widget_search label{display: none;}
#sidebar .widget_search #s{border: 1px solid #d6d6d6; width: 200px; max-width: 100%; font-size: 14px; color: #000; font-style: italic; font-weight: 700; height: 32px; padding-left: 10px; padding-right: 10px}
#sidebar .widget_search #searchsubmit{background-color: #d35a2b; border: 1px solid #d35a2b; font-size: 14px; color: #fff; height: 32px;}

#sidebar .widget_recent_entries ul{list-style: none; margin: -10px 0 0; padding: 0}
#sidebar .widget_recent_entries ul li{padding-bottom: 15px; line-height: 1.2em;}
#sidebar .widget_recent_entries ul li a{color: #565656; font-size: 14px;}

#sidebar .widget_categories ul{list-style: none; margin: -10px 0 0; padding: 0}
#sidebar .widget_categories ul li{padding-bottom: 15px; line-height: 1.2em;}
#sidebar .widget_categories ul li a{color: #565656; font-size: 13px;}

#sidebar .widget_archive ul{list-style: none; margin: -10px 0 0; padding: 0; width: 100%}
#sidebar .widget_archive ul li{padding-bottom: 15px; line-height: 1.2em;}
#sidebar .widget_archive ul li a{color: #565656; font-size: 13px; text-transform: capitalize}

#sidebar img{max-width: 100%; height: auto;}

/* Posts Relacionados */
.crp_related {margin: 0 -5px 100px}
.crp_related ul{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; padding: 0; list-style: none}
.crp_related ul li{position: relative; width: 100%; padding-right: 10px; padding-left: 10px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.crp_related a{display: block; color: #565656; font-size: 14px; margin-bottom: 30px;}
.crp_related .crp_thumb{width: 100%; height: auto; margin-bottom: 10px;}
.crp_related > h3{color: #d35a2b; padding-bottom: 5px; font-size: 24px; margin-bottom: 20px; border-bottom: 1px solid #ddd}

@media (min-width: 576px){
	/* Posts Relacionados */
    .crp_related ul li{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

    /* Loop de posts */
    .blog-posts .post-item{width: 50%; padding: 0 15px 30px;}
}
@media (min-width: 768px){
    .post .entry-subtitle{font-size: 24px;}
}
@media (min-width: 992px) {
    .post .entry-subtitle{font-size: 24px;;}

	/* Posts Relacionados */
    .crp_related ul li{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
}
@media (min-width: 1200px) {
	/* Páginas */
    h1.entry-title, h1.page-title, .header-blog h1, .header-blog p.blog{font-size: 52px;}
    .header-blog{padding: 50px 15px}
    .post .entry-subtitle{font-size: 24px;;}

    .blog-col{padding-right: 45px}

    .blog-posts .post-item .post{padding: 30px;}

    /* Reações posts */
    div.reaction_buttons li.reaction_button div{line-height: 2em}
    div.reaction_buttons li.reaction_button.reaction_button_0 div:before, div.reaction_buttons li.reaction_button.reaction_button_1 div:before, div.reaction_buttons li.reaction_button.reaction_button_2 div:before, div.reaction_buttons li.reaction_button.reaction_button_3 div:before, div.reaction_buttons li.reaction_button.reaction_button_4 div:before{float: left; margin-right: 5px; margin-bottom: 0;}
}