.interface-sidebar-left header.header-default:before, .interface-sidebar-left main.main-default:before { display: none; }
.header-custom { background: #0266B0; color: #fff; height: 163px; margin-top: 60px; position: relative; }
.header-custom .wrapper-default-custom { display: flex; align-items: center; }
.header-custom .bar-logo-text { display: flex; align-items: center; margin-right: 30px }
.header-custom .bar-alert { margin-right: 30px  }
.header-custom .logo-header { width: 100%; max-width: fit-content }
.header-custom .bar-text .text { max-width: 290px }
.header-custom .bar-text .tit { font-size: 30px; line-height: 30px; font-weight: 600; display: block; margin-bottom: 8px }
.header-custom .bar-text .subtit { font-size: 13px; line-height: 16px; font-weight: 300 }
.header-custom .bar-busca-farol { display: flex; align-items: center; }
.header-custom .bar-busca { display: flex; align-items: center; background: #fff; border-radius: 100px; height: 46px; padding: 8px 25px; box-sizing: border-box; width: 390px; }
.header-custom .bar-busca .inputbusca { width: 100%; height: 100%; flex-grow: 1; font-size: 16px; border: 0 }
.header-custom .bar-busca .inputbusca:focus { border: 0; outline: 0 }
.header-custom .bar-busca .bt-buscar { background: url(../img/ico_busca.svg) no-repeat center; width: 20px; min-width: 20px; height: 20px; display: block; border: 0 }
.header-custom .bar-farol { margin-bottom: 50px }
.header-custom .bar-farol .farol { max-width: fit-content } 

.box-posts { position: relative; }
.box-posts:before { content: ""; width: 1px; height: 100%; display: block; background: #DBDBDB; position: absolute; left: 22px; }

.blog-navegantes { padding: 40px 0 }
.blog-navegantes .post { display: flex; margin-bottom: 30px; padding-top: 30px; position: sticky; z-index: 1; transition: .2s }
.blog-navegantes .post:hover { background: #cacaca1d; box-shadow: 35vw 0 0 #cacaca1d, -35vw 0 0 #cacaca1d; transition: .2s }
.blog-navegantes .post .clock { display: flex; align-items: center; justify-content: center; min-width: 46px; width: 46px; height: 46px; background: #eaeaea; border-radius: 100px; margin-right: 30px }
.blog-navegantes .post .data-tag { padding: 14px 0 }
.blog-navegantes .post .data-tag .time { font-size: 14px; line-height: 19px; display: block; }
.blog-navegantes .post .data-tag .tag { background: #eaeaea; font-size: 12px; text-transform: uppercase; padding: 8px 16px; font-weight: 600; box-sizing: border-box; border-radius: 100px; display: inline-block; margin-top: 6px }
.blog-navegantes .post .titPost { font-size: 20px; line-height: 30px; font-weight: 700; color: #000 }
.blog-navegantes .post .post-content-default.cms-text p { max-width: 100%; padding: 0 }
.blog-navegantes .lineSepara { background: #DBDBDB; box-shadow: 35vw 0 0 #DBDBDB, -35vw 0 0 #DBDBDB; width: 100%; height: 1px; display: block; margin-bottom: 20px }

.post-detaque-baixo.post .clock, .post-detaque-baixo.post .data-tag .tag { background: #b8e994 }
.post-detaque-medio.post .clock, .post-detaque-medio.post .data-tag .tag { background: #FDCB6E }
.post-detaque-alto.post .clock, .post-detaque-alto.post .data-tag .tag { background: #FF7675; color: #fff }
.post-detaque-alto.post .clock .icon g { fill: #fff; }

.bar-pagination { margin: 60px 0 0 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.bar-pagination .page-numbers { background: #77B5E3; color: #fff; border-radius: 100px; width: 45px; min-width: 45px; height: 45px; display: none; align-items: center; justify-content: center; margin: 0 4px; }
.bar-pagination .page-numbers:hover { background: #0266B0; }
.bar-pagination .next.page-numbers, .bar-pagination .prev.page-numbers { background: #0266B0; color: #fff ; display: flex; }
.bar-pagination .page-numbers.current { width: 55px; min-width: 55px; height: 55px; background: #004578; display: flex; }

.bar-search { margin-bottom: 20px; font-size: 16px; line-height: 21px }
.bar-search strong { font-weight: 700 }

@media ( max-width: 768px ) {

.header-custom { margin-top: 0px; height: inherit; padding-bottom: 20px }
.content-header { flex-direction: column-reverse; }
.header-custom .logo-header { max-width: 40px }
.header-custom .bar-logo-text { margin-right: 0px; width: 100%; padding: 12px 0 }
.header-custom .bar-text .text { max-width: 90% }
.header-custom .bar-text .tit { font-size: 20px; line-height: 20px; }
.header-custom .bar-alert { margin-right: 15px }
.header-custom .bar-busca-farol { flex-direction: column-reverse; margin-top: 10px; width: 100% }
.header-custom .bar-busca-farol .busca-form { width: 100% }
.header-custom .bar-farol { margin-bottom: -10px; z-index: 1 }
.header-custom .bar-farol .farol { max-width: 130px }
.header-custom .bar-busca { width: 100% }

.box-posts:before { content: ""; left: 28px }
.blog-navegantes .post { padding-top: 15px; margin-bottom: 15px }
.blog-navegantes .post .clock { width: 40px; min-width: 40px; height: 40px; margin-right: 15px }
.blog-navegantes .post .data-tag { padding: 10px 0 }
.post-content-default { padding-top: 15px }
}