/*
Theme Name: 5vfpssa
Author: Ative
Author URI: http://ative.ag
Description: Tema desenvolvido para o portal da 5ª Vara da Fazenda Pública de Salvador
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap');

*{
    margin: 0;
    border: 0;
    padding: 0;    
}
html{
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin-top: 0 !important;
}
body{
    background-color: #fff;
    font-family: 'Montserrat','roboto','opensans';
    color: #3c3c3c;
}
h1, h2, h3, h4{
    font-family: 'Montserrat','roboto','opensans';
}
.titulo-topo {
    font-size: 48px;
    font-weight: bold;
    color: #78CAFB !important;
    line-height: 50px;
}
img {
    width: 100%;
    height: auto;
}
.background-topo-page a {
    color: #fff;
    display: block;
    text-align: center;
    margin: 97px auto;
}
.background-topo-page a:hover {
    text-decoration: none;
}
.padding-publico{
    padding: 30px 30px !important;
    overflow-y: scroll;
    max-height: 360px;
}
.padding-publico .center-img{
    position: sticky;
    padding: 20px 0;
    top: -32px;
    display: grid;
    align-items: center;
    background: #fff;
}
.fundo-branco{
    background-color:#fff;
    padding:30px;
}


/* -- Acessibilidade --*/
#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
    visibility: visible;
    overflow: initial;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    padding: 5px !important;
}
#pojo-a11y-skip-content {
    position: absolute;
}
/* -- Fim Acessibilidade --*/

/* -- Menu --*/
nav{
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    visibility: hidden; 
}
#control-nav{
    display: none;
}
#control-nav:checked ~ .control-nav-close {
	-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}  
#control-nav:checked ~ nav {
    visibility: visible;
	-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); ;
    background-color: rgba(0, 0, 0, 0.6); 
    overflow: hidden;   
}
header .control-nav {
    display: block;
    padding: 5px 10px;
    z-index: 999999;
    cursor: pointer;
    font-size: 25px;
    width: fit-content;
    position: absolute;
    transform: rotate(90deg);
    color: #30bfc5;
    font-weight: 600;
}
label.control-nav:before {
    content: "|";
}
label.control-nav:after {
    content: "|";
    position: absolute;
}
header .control-nav-close {
    display: none;
    padding: 5px 10px;
    z-index: 999999;
    cursor: pointer;
    font-size: 25px;
    width: fit-content;
    position: absolute;
    color: #30bfc5;
    font-weight: bold;
}
#jtabk-menu li{
    display: inline-block;
    margin-right: 20px;
    color: #288ac3;
    font-weight: 600;
    cursor: pointer;
}
#jtabk-menu li:hover{
    color: #081445;
    transition: .1s all;
}
#jtabk-menu li.jtabk-menu-mark {
    border-bottom: 2px solid #011A44;
    color:#fff;
}
#jtabk-menu {
    display: flex;
    margin-bottom: 18px;
}
#jtabk input[type=text] {
    padding: 5px;
    width: 100%;
    margin-bottom: 20px;
}
.jtabk-active button {
    margin-left: 5px;
}
.jtabk-active a:hover, .enviar-consulta:hover {
    text-decoration: none;
    background-color: #fff !important;
    color:#084b87 !important;
    transition: .1s all;
    text-decoration: none !important;
}
ul.sub-menu::-webkit-scrollbar, .padding-publico::-webkit-scrollbar {
    width: 8px;
}
ul.sub-menu::-webkit-scrollbar-track, .padding-publico::-webkit-scrollbar-track {
    background-color: transparent;    
}  
.padding-publico::-webkit-scrollbar-track {
    margin-top: 100px;
}  
ul.sub-menu::-webkit-scrollbar-thumb, .padding-publico::-webkit-scrollbar-thumb {
    background-color: #0E3363;  
    border-radius: 20px;
}
.servicos a:hover .padding-publico::-webkit-scrollbar-thumb{
    background-color: #E81616;
}
.logo-menu img{
    width: 70%;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

/* -- Fim Menu --*/


/* -- Conteudo --*/
 .conteudo{
    background-color: #EFF3F6;
    min-height: 700px;
}
.logo-corregedoria-interna img{
    display: block;
    margin: auto;
    width: 50%;
    padding: 20px;
}

.conteudo-index {
    margin: auto;
    margin-top: -30px;
    width: 95%;
}
.card h3 {
    font-size: 24px;
    margin-top: 15px;
    color: #061528;
    font-weight: Bold;
}
.marcador{
    color: #E9613E;
    position: absolute;
    margin-top: 10px;
    font-size: 20px;
} 

#control-nav{
    display: none;
}
.topo1-cor {
    background-color: #ffffff;
    width:100%;
    height: auto;
    z-index: 99;
    position: relative;
}
a{
    color: #1B6FB8;
}
.search{
    padding: 2px 10px;
    margin-top: -2px;
}
.index{
    height: 300px;
}
.index .logo-corregedoria-interna{
    margin: 62px 0;
}
.links-topo {
    text-align-last: end;
    margin: 19px;
}
.links-topo li {
    display: inline;
    margin: auto 15px;
}
.input-group {
    display: block;
}
.busca-principal{
    margin: 15px;
}
.input-campo-busca {
    width: 80%;
    height: 30px;
    padding: 0px 40px 0 15px;
    background: #ffffff;
    border: 1px solid #E9E9E9;
    color: #000000;
    font-size: 14px;
    padding-left: 35px;
}
.menu {
    font-family: 'Montserrat', 'roboto', 'opensans';
    font-size: 15px;
    font-weight: 400;
    line-height: 2.1;
    color: #FFFFFF;
    background-color: #0C1A55;
    height: 80vh;
    margin: 10px 30px;
    padding-bottom: 30px;
}
.logo-menu {
    padding: 0 20px;
}
.menu ul:first-child {
    padding: 0 20px;
}  
.menu li ul {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 80px;
    left: 100%;
    background-color: #081342;
    display: none;
    font-size: 14px;
    z-index: 0;
    padding-inline-start: 0px;
    list-style: none;
    font-weight: 700;
    overflow: auto;
    margin-left: -10px;
    padding: 30px 0;
    padding-right: 15px;
    border-radius: 10px;
} 
.menu_topo {
    color: #1B6FB8;
    list-style: none;
    margin-top: 15px;
    margin-left: 25px;
    padding-inline-start: 0px;
    margin-block-end: 0px;
}
.menu_topo li a, .enviar-consulta {
    color:#1B6FB8;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    font-family: 'Montserrat', 'roboto', 'opensans';
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
.menu_topo li a:hover {
    text-decoration:underline;
}

.menu_topo li {
    position: relative;
    float: left;
}
.menu li:hover ul, .menu li.over ul{
    display: block;
}
.sub-menu li{
    padding-left: 30px;
}
.menu-principal {
    width: 355px;
    background: #0C1A55;
    overflow: hidden;
}
.pushy-interno{
    max-width: 355px;
    background-color: #0C1A55;
    position: absolute;
}
.pushy a {
    color: #ffffff;
    padding: 15px 0;
}
.pushy a:hover {
    text-decoration: underline;
}
.sub-menu li a{
    padding: 5px 0;
}
.container{
    padding: 30px 15px;
}
.background-topo-page {
    background-image: url(assets/img/background-topo.png); 
    width: 100%;
}
.titulo{
    color: #003171;
    font-weight: bold;
}
.titulo-servico{
    font-weight: bold;
    color: #061528;
}
.titulo-pagina-interna{
    font-weight: 700;
    color: #78CAFB;
}
.subtitulo-pagina-interna{
    color: #FFFFFF;
    width: 80%;
}
.subtitulo-pagina-busca{
    font-weight: 400;
    color: #FFFFFF;
}
.subtitulo-pagina-busca h1{
    font-weight: 200;
    color: #FFFFFF;
    text-transform: capitalize;
}
.conteudo-formatacao {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-top:30px;
    margin-left: 70px;
}
.breadcrumb-portal{
    font-size: 14px;
    color: #303233;
}
.breadcrumb-portal .current-item{
    text-decoration: underline;
}
.breadcrumb-portal a{
    color: #303233;
}
.topo-page{
    margin: auto;
    width: 90%;
}
.resultado{
    color: #fff;
    font-size: 12px;
}
.resultado .background-topo-page{
    height: 200px;
}
.resultado-busca li{
    list-style: none;
    background-color: #fff;
    padding-left: 15px;
}
.resultado-search {
    font-size: 18px;
}
.resultado-busca a{
    background-color: #fff;
    color:#003171;
    font-size: 18px;
    border-bottom: 2px solid #9CB4D4;
    display: flex;
    margin-bottom: 15px;
    padding: 15px 15px 15px 30px;
    font-weight: bold;
    margin-left: -15px;
}
.page-numbers li{
    display: inline;
    padding: 0;
    background-color: transparent;
}
.page-numbers li a, .page-numbers li span{
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    border: none;
    margin: 0 5px;
    border-radius: 50%;
    width: 40px;
    height: 30px;
}
.current {
    color: #ccc;
}
.fa-arrow-circle-right,.fa-arrow-circle-left{
    margin-left: -4px;
}
.page-numbers{
    margin: auto;
}
.conteudo-servico::-webkit-scrollbar {
    width: 8px;
}
.conteudo-servico::-webkit-scrollbar-track {
    background-color: transparent;  
}  
.conteudo-servico::-webkit-scrollbar-thumb {
    background-color: #0E3363;  
    border-radius: 20px;
}
.conteudo-servico::-webkit-scrollbar-thumb{
    background-color: rgb(12, 21, 39);  
}
.menu-interno{
    display: flex;
    justify-content: right;
}
.titulo-search{
    font-weight: bold;
    color: #081445;
}
.titulo-page{
    margin-bottom: 0;
}
.sistemas .conteudo-servico{
    padding: 0;
    height: 260px;
}
.sistemas .publico{
    min-height: 105px;
    display: grid;
    align-items: center;
    padding: 0 20px;
}
.publico li{
    list-style: none;
}
.publico p{
    margin-bottom: 0;
}
.publico li:before {
    content: "-";
}
.servicos {
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}
.servicos a {
    color: #000;
    display: block;
    text-decoration: none;
    border: 1px solid #dadada;
    width: 90%;
    height: 365px;
    margin: auto;
    margin-bottom: 30px;
    border-bottom: 5px solid #ff2020;
    background-color: #fff;
}
.servicos a:hover {
    background-color:#053168;
    color: #fff;
}
.servicos a:hover .padding-publico .center-img {
    background-color:#053168;
    color: #fff;
}
.carousel-item{
    display: block;
}
.slider-container {
    overflow-y: hidden;
}
.slider-nav::after {
    background-color: #000;
}
.slider-nav:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
} 
.slider-nav {
    height: fit-content;
    margin: auto;
}
.dropdown-menu, #correicoes{
    float: right;
    position: relative;
    display: block;
    height: auto;
    font-size: 11px;
    background-color: rgba(120,202,251,0.2);
    color: #1B6FB8;
    font-weight: bold;
    padding-left: 10px;
    top: 0px;
    margin: 0;
    z-index: 0;
    padding-bottom: .5em;
}
.noticias .slider-container>* {
    padding: 0 30px;
}
.botao-noticias{
    background-image: linear-gradient(#2B82D6, #004A92);
    padding: 5px 10px;
    color: #fff;
    display: block;
    width: fit-content;
    margin-inline-start: auto;
    border-radius: 10px;
}
.botao-noticias:hover{
    color: #ccc;
    text-decoration: none;
}
.desembargadores img{
    width: 100px;
    border-radius: 50%;
    height: 100px;
    margin-bottom: 5px;
}
.desembargadores p {
    height: 190px;
}
.desembargadores .col-md-6 {
    padding: 0 30px;
}
.desembargador img{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.desembargador p.titulo {
    font-size: 12px;
}
.juizes .col-md-3 {
    padding: 0 30px;
}
.juizes h5 {
    color: #55585A;
    font-weight: bold;
    margin-bottom: 0;
}
.juizes p {
    font-size: 12px;
    color: #1C5B85;
    text-transform: uppercase;
    font-weight: bold;
}
.portaria {
    background-color: #18A0FB;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    margin-right: 15px;
}
.portaria:hover {
   text-decoration: none;
   background-color: #011A44;
   color: #fff;
}
.secoes .conteudo-servico {
    background-color: #ccc;
    color: #003171;
    font-weight: bold;
    font-size: 30px;
    display: flex;
}
.titulo-secoes{
    margin: auto;
    display: block;
    height: auto;
    width: auto;
}
.secoes .servicos {
    border-top: 0;
}
.memorial img {
    width: 100%;
}
.fundo-cinza{
    background-color: rgba(147,181,167, .1);
    min-height: 300px;
}
.linha-rodape{
    height: 5px;
    background-image: linear-gradient(-45deg, #2F7A9B, #003F2A);
}
.logo-rodape{
    align-self: center;
    width: 40%;
}
.logo-rodape img{
    width: 75%;
    margin: auto;
    display: flex;
}
.copyright{
    background-color: #074893;
    border-bottom: 15px solid #0f3d68;
    color: #fff;
    padding: 20px 50px;
    font-size: 11px;
}
.copyright ul {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
}
.copyright p {
    font-weight: 700;
    font-size: 18px;
}
.copyright h5 {
    font-weight: 700;
}
.copyright li {
    list-style: none;
}
.copyright li:before {
    font-size: 48px;
    content: ".";
    position: absolute;
    margin-top: -37px;
    margin-left: -15px;
}
.menu-rodape{
    width: 20%;
}
.menu-rodape .menu {
    background-color: transparent;
    color: #000;
    font-weight: bold;
    padding: 30px;
    height: auto;
    width: 100%;
    margin: 0;
}
.menu-rodape .menu a {
    color: #000;
}
.menu-rodape .menu li {
    list-style: none;
}
.menu-rodape .menu a:hover {
    color: #00a;
}
.img-padrao{
    margin: 56px 0;
    background-color: #fff;
}
.img-interna {
    text-align: center;
    width: 65%;
    margin: auto;
}
li.noticias-interna {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.page-noticias {
    padding: 0 30px;
}
.page-noticias li::marker {
    color: red;
    font-size: 22px;
}




.center-img {
    text-align: center;
}


@keyframes opacity {
    from {opacity: 0;}
    to {opacity: 100%;}
  }

@media (max-width: 1200px){
    
    .padding-publico {
        padding: 30px !important;
    }
    .sistemas .conteudo-servico {
        height: 240px;
    }
	
}

@media (max-width: 991px){

    .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #topo1 .col-md-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	
}


@media (max-width: 768px){

    .servicos a {
        width: 85%;
        height: auto;
    }
    .sistemas .conteudo-servico {
        height: auto;
    }
    .topo1-cor {
        margin-top: -2px;
    }
    .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .copyright .col-md-4:first-child{
        margin-bottom: 10px;
    }
    
    
}

@media (max-width: 576px){

    .menu {       
        background-color: #ffffff;
        height: auto;
        margin: 10px 30px 0;
    } 
    .links-topo {
        text-align-last: left;
    }
    .pushy-interno{
        max-width: 100%;
        background-color: #ffffff;
        position: absolute;
        margin-top: 15px;
        overflow-y: auto;
    }
    .seta-baixo:before {
        content: "";
        vertical-align: middle;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fff;
        position: absolute;
        margin-left: 20px;
        z-index: 99999999999;
    }
    .pushy a {
        color: #0C4E88;
        padding: 15px 0;
    }
    .pushy a:hover {
        color: #0C4E88;
    }
    div#menu\ menu-btn {
        position: absolute;
    }
    .input-campo-busca {
        margin: auto;
    }
    .menu_topo li {
        width: 100%;
        text-align: center;
    }
    .menu_topo li a{
        font-size: 12px;
    }
    .menu li ul {
        position: relative;
        display: none;
        top: 0;
        left: 0;
        background-color: #ffffff;
        padding: 15px !important;
        height: auto;
        border-bottom: 1px solid #4FB4BF;
    }
    .sub-menu li {
        padding-left: 10px;
    }
    .wppsac-post-image-bg{
        display: none;
    }
    .wppsac-post-content-position {
        font-size: 12px;
    }
    .conteudo-index{
        margin-top: -30px;
    }
    .card{
        height: auto;
    }
    .card img{
        width: 80%;
        height: auto;
    }
    .card h3 {
        font-size: 17px;
        margin-top: 15px;
        color: #061528;
        font-weight: Bold;
    }
    header .control-nav {
		border-radius: 10px 10px 0px 0;
		background-color: #fff;
		width: 50px;
		text-align: center;
		padding: 6px;
		height: 60px;
		padding-left: 0px;
		margin: -7px 0 0 -15px;
    }
    header .control-nav-close {
        border-radius: 0 10px 10px 0;
        background-color: #fff;
        padding-left: 19px;
            margin-left: -15px;
            padding-right: 18px;
    }
    .logo-topo{
        width: 65%;
        padding: 10px;
    }
    .logo-top-resp{
        position: absolute;
        right: 10px;
    }
    .pushy {
        top: 0;
        padding-top: 46px;
    }
    .subtitulo-pagina-interna {
        color: #FFFFFF;
        width: auto;
    }
    .background-topo-page {
        padding: 30px 0;
        height: auto;
    }
    .background-topo-page .row {
        margin: 0;
    }
    .bem-vindo{
        background-color: transparent;
        color: #fff;
    }
    .menu-interno {
        justify-content: center;
    }
    nav a:not([href]):not([tabindex]) {
        color: #0C4E88 !important;
    }
    .links-uteis h1 {
        font-weight: 300;
        font-size: 32px;
        margin: 15px 0;
        text-align: center;
    }
    .botoes-uteis h1 {
        font-size: 16px;
        margin-top: -25px;
        margin-left: 15px;
        font-weight: bold;
        text-align: left;
    }
    /* .gestao-lista {
        display: none;
    }
    .gestao a{
        background-color: #fff;
        color:#003171;
        font-size: 12px;
        border-left: 3px solid #E81616;
        border-bottom: 3px solid #9CB4D4;
        display: flex;
        margin-bottom: 15px;
        padding: 15px 15px 15px 25px;
        font-weight: bold;
        margin-left: -15px;
    }
    .resultado .background-topo-page{
        height: auto;
    } */
    /* .resultado-busca a{
        background-color: #fff;
        color:#003171;
        font-size: 12px;
        border-bottom: 2px solid #9CB4D4;
        display: flex;
        margin-bottom: 15px;
        padding: 15px 15px 15px 30px;
        font-weight: bold;
        margin-left: -15px;
    } */
    .borda-esquerda{
        border-left: 4px solid #E81616;
        padding-left: 10px;
    }
    .titulo {
        color: #003171;
        font-weight: bold;
    }
    .titulo-search {
        font-weight: bold;
        color: #081445;
    }
    .topo-page{
        text-align: center;
    }
    .resultado-search {
        width: 100%;
        display: block;
    }
    .menu-responsivo{
        margin-left: 30px;
        list-style: none;
        margin-top: 0 !important;
    }
    .jtabk-active button, .enviarconsproc {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    #jtabk-menu {
        font-size: 14px;
    }
    #menu-responsivo {
        padding-left: 30px;
        list-style: none;
        margin-top: 0;
    }
    

}
@media (max-width: 400px){
	
    .logo-top-resp{
        right: 0;
    }
}