body { background: #212121 }

.header-content .menu-header { border-radius: 100px; padding: 4px; box-sizing: border-box; }
.main-navigation .menu-dropdown li:hover { background: #FFDD00 }
.main-navigation .menu-dropdown li:hover a { color: #000 !important; }
.header-default nav a { font-weight: 600 }
.top-hero-mobile { display: none; pointer-events: none; }

.copy-elementPostTimeline .content-wrapper .bar-text .tag.tagBT { background: #241D1B; color: #fff  }
.copy-elementPostTimeline .content-wrapper .bar-text .tag.tagBT:hover { color: #F7DECB }

.timeline-posts:before { content: ""; background: #4d4d4d }
#load-more-posts { background: #241D1B; color: #fff }
#load-more-posts:hover { background: #000; color: #E2C9B5 }
#load-more-posts::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 5l-7 7 7 7' /%3E%3C/svg%3E");
}

.copy-elementPostTimeline .content-wrapper .bar.bar-text { top: 10%; min-height: 500px; }
.copy-elementPostTimeline .hero .tit { font-family: poppins; font-weight: 900; text-transform: uppercase; font-size: 38px; line-height: 40px; color: #FFDD00 }
.copy-elementPostTimeline .hero .tit span { color: #9EB205 }

.copy-carrosselCardsCortina .bar-text { display: none; }
.copy-carrosselCardsCortina .item-slide-ativo { max-width: 480px; min-width: 400px }
.card-item-fullImage .mascara { background: none; }
.copy-carrosselCardsCortina .card-item-fullImage .gravata { background: #F7DECB; color: #846C5A }

.copy-elementPostTimeline .content-wrapper .card-search .bar-text div.tag, .copy-elementPostTimeline .content-wrapper .bar-text .tag { background: #000 !important; color: #000 !important; font-size: 44px; line-height: 100%; font-weight: 900; text-transform: uppercase; padding: 0px }

@media ( max-width: 768px ) {
body { padding-bottom: 80px; }
.header-default { position: fixed; }
.header-default .header-content { justify-content: center; }
.top-hero-mobile { content: ""; display: block; height: 70px; }
.main-default { background: #212121; border-top-left-radius: 18px; border-top-right-radius: 18px; position: sticky; z-index: 99 }
.element.element-margin.copy-carrosselCardsCortina { padding: 12px 0 10px 0 }
.pushy.pushy-up { bottom: 59px }
.pushy.nav-busca .content .bar-modal { background: none }

.copy-carrosselCardsCortina .item-slide-ativo { min-width: unset; }
.copy-elementPostTimeline .hero .tit { font-size: 24px; line-height: 28px; }

.copy-elementPostTimeline .content-wrapper .bar.bar-text { min-height: inherit; }

.pushy.nav-busca .bar-busca .box-input, .copy-elementPostTimeline .content-wrapper .card-search .bar-text div.tag, .copy-elementPostTimeline .content-wrapper .bar-text .tag { font-size: 24px }
.copy-elementPostTimeline .content-wrapper .bar-text .bar-tit-cat { padding: 10px 0px }

}

/* cores e tits . . . . . . . . . . . . . . */

.hero .tit { font-family: poppins; font-weight: 900; text-transform: uppercase; font-size: 38px; line-height: 40px; color: #ffdd00 }
.hero .subtit { font-family: poppins; font-weight: 700; text-transform: uppercase; font-size: 30px; line-height: 130%; color: #FFDD00 }
.bar-timeline,
.card-post-timeline .title,
.card-post-timeline .bar-text p { color: #fff }
.card-post-timeline .title { text-transform: uppercase; font-weight: 800 }
.page-numbers { color: #fff; filter }
.page-numbers img { filter: invert(1); }
.page-numbers li .current { color: #ffdd00 }
.pushy .content-nav a { text-transform: uppercase; font-weight: 900; font-family: poppins; }
.copy-elementPostTimeline .card-autor { color: #ffffff99 }
.copy-elementPostTimeline .card-autor .nome-autor { color: #fff; font-size: 30px; text-transform: uppercase; font-weight: 900 }

.card-autor .bar_avatar .avatar,
.card-post-timeline .avatar,
.card-post-timeline .avatar .imagem_autor,
.card-autor .bar_avatar .avatar .imagem_autor { border-radius: 0px }
.card-post-timeline .avatar .logo { max-width: 54px }
.card-autor .bar_avatar .avatar .thumb-autor { width: 150px; min-width: 150px }

@media ( max-width: 768px ) {

.hero .tit { font-size: 22px; line-height: 130% }
.hero .subtit { font-size: 16px }
.copy-elementPostTimeline .card-autor .nome-autor { font-size: 22px }

.card-autor .bar_avatar .avatar .thumb-autor { width: 100px; min-width: 100px }
.card-post-timeline .avatar .logo { max-width: 40px }

}

/* sidebar . . . . . . . . . . . . . . */

.sidebar-default { background-color: rgba(0,0,0,0.65); backdrop-filter: blur(12px); border-right: solid 1px #000000; }
.btn-sidebar, .menu-sanduba .icon { filter: invert(1); }

.pushy .content-nav .bt-telefone, .sidebar-default .logo-footer { display: none !important; }
.sidebar-default .bar-menu .circle-link { background: #000 }
.sidebar-default .bar-menu .circle-link:hover { background: #FFDD00 }
.sidebar-default .bar-menu .circle-link:hover .btn-sidebar{ filter: invert(0); }

@media ( max-width: 768px ) {

.sidebar-default { border-top: 0px; height: 60px }
.sidebar-default .logo-footer { display: block !important; padding-top: 4px; }
.sidebar-default .logo-footer .logo { width: 100%; max-width: 60px; }

}

/* post . . . . . . . . . . . . . . */

.pad-content-single { padding: 0px; box-sizing: border-box; }
.hero-post .tit-thumb { display: flex; flex-direction: column-reverse; align-items: center; justify-content: space-between; position: relative; }
.hero-post .tit-thumb .text { bottom: 20px; }
.hero-post .tit-thumb .text.thumb-text { position: absolute; z-index: 1 }
.hero-post .tit-thumb .bar-thumb { margin-bottom: 24px; width: 100%; position: relative; display: flex; justify-content: center; }
.hero-post .tit-thumb .bar-thumb .thumb { width: 100%; max-width: 100%; }
.hero-post .tit-thumb .bar-thumb .mascara { width: 100%; height: 100%; position: absolute; background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(33, 33, 33, 0.4) 45%,
        rgba(33, 33, 33, 0.85) 75%,
        #212121 100%
    ); }
.hero-post .tit-thumb .tag { position: absolute; top: 0; height: 37px; padding: 0 12px; box-sizing: border-box; background: #E02020; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; z-index: 1 }
.hero-post .title { font-family: poppins; font-size: 50px; font-weight: 900; text-transform: uppercase; line-height: 105%; color: #fff }
.hero-post .title span { display: inline; background: #FFDD00; color: #000; position: relative; z-index: -1 }
.hero-post .subtitle { color: #c1c1c1; }
.hero-post .gravata { background: #F7DECB; color: #846C5A }
.hero-post .categoria-post { font-family: poppins; font-weight: 900; text-transform: uppercase; font-size: 28px; line-height: 105%; color: #fff }
.hero-post .categoria-post span { color: #fff; font-weight: 900 }
.hero-post .compartilha-redes .icon-redes .icon g { fill: #fff }
.hero-post .compartilha-redes .qtd-share:after { content: ""; background-color: #fff }
.hero-post .compartilha-redes .qtd-posts { color: #fff }

.single .bar-autor { padding: 12px 0 0 0 }
.single .bar-autor .link-autor { display: flex; align-items: center; }
.single .bar-autor .link-autor .avatar { margin-right: 8px }
.single .bar-autor .link-autor .nome-autor { color: #fff }

.single-post-relacionados { border-top: solid 1px #4d4d4d }
.card-post-timeline .avatar {  }
.comment-form {  }
.comment-form-comment textarea { background: #fff }
.comment-form .enviar { background: #000 !important }
.comment-form .enviar .icon { stroke: #fff }
.comment-form .enviar:hover { background: #645142 }
.comment-list { color: #fff }
.comment-list .comment .comment-author { color: #FFDD00 }
.reply a, #cancel-comment-reply-link { color: #999 }

.like-button { border: none; background: #FFDD00; color: #000; font-weight: 600; border-radius: 0px }
.like-button .icon g { fill: #000 }
time { font-family: poppins; font-weight: 500; color: #fff }
time:before { content: ""; background: url(../img/calendar.svg) no-repeat center; background-size: cover; width: 14px; min-width: 14px; height: 16px; display: block; margin-right: 4px; }

.cms-text,
.post-content-default.cms-text p { color: #fff }
.cms-text h2 { font-weight: 800 }
.cms-text a { color: #000; background: #FED12F; padding: 0 12px; font-weight: 700; text-decoration: underline; }
.cms-text a:hover { background: #FED12Fd9  } 
.cms-faq { background: #FED12F; border-radius: 0px }
.cms-text .cms-faq h2 { color: #000 }
.cms-faq summary { background: #000; color: #fff; border-radius: 0px }
.cms-faq details summary::after { background: #FED12F; color: #000;  }
.post-content-default.cms-text details p { color: #000 }

.bar-tags.links .tag { background: #8D0DE3; color: #fcf3ec; border-radius: 100px; opacity: 1 }
.bar-tags.links .tag:hover { opacity: .7 }

.comment-list .comment .comment-author { font-weight: 700 }

@media ( max-width: 768px ) {

.hero-post .title { font-size: 24px }
.hero-post .categoria-post { font-size: 20px }
.hero-post .tit-thumb { flex-direction: column; }
.hero-post .tit-thumb .bar-thumb { margin-left: 0px; margin-top: 12px; }
.hero-post .tit-thumb .bar-thumb .thumb { min-width: 100%; max-width: 100% }

}

.header-default .bar-logo .logo { transition: .2s }
.single-post .header-default .bar-logo .logo { height: 8vw; max-height: 100px; position: fixed; z-index: 9; left: 100px; }
.scrollHero.single-post .header-default .bar-logo .logo { height: 35px }

@media ( max-width: 768px ) {

.header-default { z-index: 999; background: none !important; transition: .2s }
.scrollHeader .header-default { transform: translateY(-100px); }
.single-post .header-default .bar-logo .logo { position: sticky; height: 50px; margin-top: 30px }

}

/* cards . . . . . . . . . . . . . . */

.card-post .bar-text .title,
.card-post .nome-autor,
.card-post .bar-bts-post .qtd-posts { color: #fff; text-transform: uppercase; font-weight: 600 }
.card-post .qtd-comments:after,.card-post .qtd-share:after { content: ""; background-color: #fff }
.card-post .bat-ctas-post { opacity: .7; transition: .2s }
.card-post .bat-ctas-post:hover { opacity: 1; transition: .2s }
.card-post .bar-thumb { position: relative; justify-content: center; }
.card-post .bar-thumb .tag { position: absolute; top: 0; height: 37px; padding: 0 12px; box-sizing: border-box; background: #E02020; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700 }
.card-post .bar-text .gravata-default-cat { color: #ffdd00; font-size: 13px; font-weight: 900; text-transform: uppercase; }
.card-post .bar-text .gravata-default-cat:before { content: "/"; color: #ffdd00; font-weight: 900 }

/* footer . . . . . . . . . . . . . . */

.footer-default { background: #212121 !important; }
.footer-default .content { flex-direction: column; border-top: none; }
.footer-default .content .bar-footer { width: 90% }
.footer-default .content .bar-footer .content-bar { padding: 10px 0 }
.footer-default .content .bar-text { margin: 0 auto; max-width: 900px }
.footer-default .content .bar-text p { color: #CBCBCB; text-align: center; }
.footer-default .content .bar-logo { display: flex; justify-content: center; }
.footer-default .content .bar-logo .logo-footer { max-width: 90px }
.footer-default .content .bar-infos-footer .bar-endereco { display: none; }
.footer-default .content .bar-infos-footer .bar-redes-sociais { display: flex; justify-content: center; }

.footer-default .menu-footer { display: flex; align-items; justify-content: center; }
.footer-default .menu-footer li { padding: 0 4px; }
.footer-default .menu-footer li a { font-size: 10px; color: #fff; padding: 4px 8px; box-sizing: border-box; border-radius: 100px; opacity: .7 }
.footer-default .menu-footer li a:hover { opacity: 1 }

.hotpixel .bar { background: none; filter: invert(.4); }

@media ( max-width: 768px ) {
.footer-default .content .bar-logo .logo-footer { max-width: 40px; }
.footer-default .menu-footer { flex-wrap: wrap; }
.footer-default .menu-footer li { padding: 6px 4px; }

}