/* Linha de Títulos */
.noticias .titulo{
    margin-bottom: 30px;
    font-size: 22pt;
    line-height: 26pt;
    color: #004138;
    font-weight: 300;
}
.noticias .link a{
    font-size: 16px;
    line-height: 26pt;
    color: #41ab34;
}
/* Botoes */
.noticias .botao{
    display: flex;
    flex-direction: row;
}
.noticias .botao a{
    display: block;
    padding: 10px 20px;
    background: #41ab34;
    color: #ffffff;
    border-radius: 30px;
    font-size: 10pt;
    font-family: "Nunito-ExtraBold";
    -webkit-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.noticias .botao a:hover{
    background: #004138;
}
/* Blocos */
.noticias .bloco{
    width: 33.33%;
    max-width: 350px;
}
/* Fix Margin */
.fix-margin{
    width: 100%;
    overflow: hidden;
}
.fix-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: -20px;
}
/* Faz com que o último bloco da lista
fique alinhado a esquerda. */
.fix-content::after{
    content: "";
    width: 33.33%;
    max-width: 350px;
}
/* Lista de notícias */
.lista{
    margin: 30px 0 0 0;
}
.lista .item{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.lista .item .foto{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.lista .foto img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lista .texto p{
    font-size: 12pt;
    margin: 10px 0;
    color: #656565;
}
/* Paginação das notícias */
.lista_pg{
    margin: 50px 0 100px 0;
    justify-content: center;
}
.lista_pg .conteudo_pg{
    display: flex;
    padding: 4px;
    border-radius: 30px;
    background-color: #DEDEDE;
}
.lista_pg .pg_inicio,
.lista_pg .pg_final{
    padding: 8px 16px;
    background-color: #86c388;
    color: #ffffff;
    border-radius: 30px;
    font-size: 10pt;
    -webkit-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.lista_pg .pg_inicio:hover,
.lista_pg .pg_final:hover{
    background-color: #41ab34;
}
.lista_pg .pg_item{
    padding: 8px 12px;
    font-size: 10pt;
    color: #333333;
    font-family: "Nunito-ExtraBold";
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear;
}
.lista_pg .pg_item:hover{
    color: #41ab34;
}
.lista_pg .pg_ativa .pg_item{
    color: #41ab34;
}
/* Ler notícia */
.ler_not{
    margin: 30px 0 0 0;
}
.ler_not .titulo{
    margin-bottom: 30px;
}
.ler_not .titulo p{
    font-size: 24pt;
    line-height: 26pt;
    color: #004138;
    font-family: "Nunito-ExtraBold";
}
.ler_not .conteudo{
    width: 100%;
}
.ler_not .not_foto{
    max-width: 40%;
    float: left;
    margin-right: 20px;
}
.ler_not .not_foto img{
    border-radius: 5px;
    max-width: 100%;
}
/* Galeria de fotos */
.galeria{
    margin-top: 20px;
}
.galeria .galeria_titulo p{
    margin-bottom: 5px;
    font-size: 12pt;
}
.galeria .miniaturas{
    float: left;
    padding: 10px 0 0 10px;
    border-radius: 5px;
    background-color: #f2f2f2;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.galeria .miniaturas img{
    margin: 0 10px 10px 0;
    display: block;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: scale 250ms linear;
    transition: scale 250ms linear;
}
.galeria .miniaturas img:hover{
    scale: 1.1;
}
/* Botão de voltar */
.bt_voltar{
    margin: 50px 0 80px 0;
}
.bt_voltar a{
    display: block;
    float: left;
    background-color: #41ab34;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 11pt;
    color: #ffffff;
    -webkit-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.bt_voltar a:hover{
    background-color: #004138;
}
.bt_voltar a img{
    height: 10px;
    margin-right: 8px;
}
@media screen and (max-width:700px){
    .noticias .fix-content{
        justify-content: center;
    }
    .noticias .bloco{
        width: 80%;
        max-width: 80%;
        margin-bottom: 30px;
    }
    .ler_not .not_foto{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .ler_not .not_foto img{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:480px){
    .noticias .bloco{
        width: 100%;
        max-width: 100%;
    }
}