/* `min-height`, não `max-height`. Com o teto, o cabeçalho ficava com 45vh de
   caixa enquanto o conteúdo — logo mais oito itens de menu — passava de 460px:
   como não há `overflow`, o menu era pintado para fora da caixa e caía por
   cima do conteúdo da página. Com piso, a faixa continua ocupando os mesmos
   45vh quando o conteúdo é menor, e cresce quando é maior. */
/* O Reboot do Bootstrap 5 traz `a { text-decoration: underline }`; o do 3
   trazia `none`. Sem isto, todo link do site passou a aparecer sublinhado — do
   menu à lista de meses das notícias —, o que não é decisão de projeto, é
   efeito colateral da troca de versão. Volta o padrão antigo, com o sublinhado
   no hover, que é onde ele informa alguma coisa. */
#mainContent a:not(.btn):not(.list-group-item),
div.header a,
div.footer a {
    text-decoration: none;
}

#mainContent a:not(.btn):not(.list-group-item):hover {
    text-decoration: underline;
}

div.header {
    background-image: url(../img/site/topo-teste.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 45vh;
    padding-bottom: 12px;
}

div.header img.logo {
    padding: 5px 0px;
    margin-left: -20px;    
}

/* Esconde abaixo de md e cala acima: o que aparece no desktop é decidido pelo
   JavaScript (`$.showMenuLateral()` / `$.hideMenuLateral()`), e uma regra de
   `display` com !important no desktop atropelaria os dois. */
@media (max-width: 767.98px) {
    .apenasDesktop {
        display: none !important;
    }
}

div.header ul#menuLateral{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

div.header ul#menuLateral li{
    background-image: url(../img/site/bg_menu_lateral.png);
    background-size: 100% 35px;    
    background-position: top;
    background-repeat: no-repeat;
    height: 41px;
    padding: 3px 0 3px 17%;
}

/* `font-family: calibri` sozinho: a Calibri vem com o Office e não existe em
   Mac nem em Linux. Sem alternativa na pilha, o navegador cai no padrão dele,
   que é SERIFADO — o menu do site aparecia em Times New Roman. Carlito é a
   clonagem métrica da Calibri e cobre quem tem LibreOffice; depois vêm as
   sem-serifa do sistema, nessa ordem. */
div.header ul#menuLateral li a{
    font-weight: bold;
    font-size: 15px;
    letter-spacing: .01em;
    color: #FFFFFF;
    font-family: Calibri, Carlito, "Segoe UI", system-ui, -apple-system,
                 "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
}

/* Aumentar a fonte no hover empurrava os itens vizinhos a cada passada do
   cursor. O realce agora é de cor, que não mexe na caixa. */
div.header ul#menuLateral li a:hover{
    text-decoration: none;
    color: #eaf3ff;
    text-shadow: 0 1px 3px rgba(9, 20, 38, .45);
}

#slider{    
    max-height: 280px;
}

#mainContent{
    //padding-top: 25px;
    min-height: 30vh;
}

div.footer {    
    background-image: url(../img/site/fundoJPEG-V1.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 33vh;

}

div.footer #logoBerniSoftware{        
    position: fixed;
    bottom: 0px;
    right:0;
    margin: 10px;
    color: #f5f5f5;
}

div.footer #acessoRestrito{            
    position: fixed;
    bottom: 0px;
    left: 0;
    margin: 10px;
}

/* O recuo negativo serve para encostar o primeiro bloco no que vem acima. Como
   a regra pegava toda `.internalContent`, o segundo bloco subia 20px por cima
   do título do primeiro — na Biblioteca, os cartões cobriam "Biblioteca ARGS".
   Só o primeiro de cada sequência puxa para cima. */
.internalContent{
    margin-top: -20px;
}

.internalContent + .internalContent{
    margin-top: 0;
}