/** RESETS **/
html {
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif !important;
}
body {
    font-family: 'Ubuntu', sans-serif !important;
}
*, *:before, *:after {
    box-sizing: inherit;
}
.card {
    border-radius:0 !important;
    overflow: hidden;
    max-height: 259px;
    min-height: 259px;
}
.card-img {
    object-fit: cover;    
}
.row {
    margin:0!important;
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius:  0 !important; 
}
.card-img, .card-img-top {
    border-top-left-radius:  0 !important; 
    border-top-right-radius:  0 !important;
}
.card a {
    height: 259px;
    background-color: #000000;
}
.card-img, .card-img-bottom, .card-img-top {
    /*width: 150% !important;*/
    min-width: 100%;
    min-height: 100%;
    opacity: 0.60;
}
.cursorpointer {
    cursor: pointer;
}
.opacitynone {
    opacity: 1;
}
.no-quebra-linha {
    white-space: nowrap;
}
/** DEFINICOES **/
.cor_back_cabecalho {
     background-color: #faf6e1;
}
.cor_back_branco {
    background-color: #FFFFFF;
}
.cor_back_amarela {
    background-color: #faf6e1;
}
.cor_index_noticia_evento {
     background-color: #f7f7fb;
     
}
.cor_divisao_artigos {
    color: #b9c4cb;
}
.cor_texto_newsletter {
    color:#444654;
}
.cor_input_newsletter {
    color:#dbe1e4;
}
.cor_button_newsletter {
    background-color: #444654;
}
.cor_menu_principal {
    color:#545758;
}
.cor_pagina_interna {
    background-color: #f7f7fb;
}
.mark, mark {
    background-color:#FFFF00 !important;
}
.fonte-5 {
    font-size: 2em;
}
.cursor-pointer{
    cursor: pointer;
}
.mb-4 {
    margin-bottom: 4%;
}
.pagination li.page-item {
    cursor: pointer;
}
.pagination li.page-item .active {
    background-color: #14155d !important;
    color:#FFFFFF !important;
}
.d-none {
    display: none;
}

/** CABECALHO **/
header {
     margin-bottom:5px;
}
.backdrop {
     background-color: #434345 !important;
     opacity: .5;
     position: fixed;
     top: 30px;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 999;
     color:#434345 !important;
 }
 
 .navbar {
     z-index: 1000;
 }
 .navbar.bg-dark {
     background-color: rgba(0,0,0,1)!important;
 }
 
 .navbar .form-control {
     background-color: #1B1B1B!important;
     color: #cd9a89;
     border-color: #cd9a89;
     border-radius: 0;
     max-width: 115px;
     line-height: 28px;
     height: 28px;
 }
 
 .navbar img {
     
 }
 
  .navbar ul.sidebar {
     color: #434345;
     font-weight: 500;
     max-width: 250px;
     width: 235px;
     background-color: #f7f7fb!important;
     position: absolute;
     top: 30px;
     left: -750px;
     height: calc(100vh - 30px);
     overflow-y: auto;
     transition: all 0.1s ease-out;
     padding-top:20px
 }
 .navbar.sidebar-open ul {
    left: 0;
    opacity: 1;
    padding:10px;
}
.nav-item {
    border-bottom:2px solid #faf6e1 !important;
}
.nav-item-active, .nav-item:hover  {
    border-bottom-color :#2e3192 !important;
}
.nav-link {
    padding: .5rem .35rem 0 .35rem !important;
}
.navbar-brand img {
    max-width: 100%;
}

.redes {
     right: 1rem;
     top: .5rem;
     position: absolute;
 }
 .redes a {
      color:#2f3092;
 }
 .menu {
    text-transform: uppercase;
}

.menu_principal {
    position: absolute;
    right: 1rem;
    bottom: 0;
}

.dropdown-menu {
    border:0;
    opacity: 0.9;
    padding:0;    
    font-weight: bold;;
}
.dropdown:hover > .dropdown-menu {
    display:block;
} 
.dropdown-item{
    color: #2e3092;
}
.dropdown-item:hover {
    background-color: #2e3092;
    color:#FFFFFF;
}
.cabecalho_reduzido {
    position: fixed;
    top: 0px;
    display: none;
    margin:0 auto;
    width: 100%;
    z-index:99;
    border-bottom:5px solid #FFFFFF;
}
.logo_cab_reduz {
    max-height: 50px !important;
}
.redes_cab_reduz {
    top: 0.5rem !important;
}
.navbar-reduzido {
    padding-top:0;
    padding-bottom: 0;
}

/** INDEX **/
.titulo {
    color:#2f3092;
    border-bottom: 1px solid #fdd820;
    font-size:1.4em;
    float: left;
    width: 96%;
    margin:2% 2% 4% 2%;
    padding:0 1%;
    min-height: 20px;

}
.titulo a {
    font-size: 0.7em;
    color:#2f3092;
}
.titulo-noticia {
    color: #FFFFFF;
    font-weight: bold;
    width: 100%;
    font-size: 1.1em;
}
.titulo-evento {
    color: #434345;
    font-weight: bold;
    width: 100%;
    font-size: 1.1em;
}
.tag-destaque {
    padding:1% 2%;
    background-color: #2f3092;
    color: #FFFFFF;
    font-style: italic;
    font-size: 0.9em;
}
.categoria-noticia {
    color:#fdd820;
    font-size: 0.9em;
}
.categoria-evento {
    color:#2f3092;
    font-size: 0.9em;
}
.data-noticia{
    color:#fdd820;
    font-size: 0.9em;
}
.data-noticia i {
    color:#fdd820 !important;
}
.data-evento{
    color:#555555;
    font-size: 0.8em;
}
.data-noticia i {
    color:#2f3092;
}
.botao-mais {
    color:#2f3092;
    border-top: 1px solid #fdd820;
    font-size:1.4em;
    float: left;
    width: 96%;
    margin:2% 2% 4% 2%;
    padding:0 1%;
}
.box_evento_texto {
    height: 120px;
    overflow: hidden;
}
.resumo-artigo {
    height: 50px; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
.box_artigo h4 {
    color:#323334;
}
.box_artigo h6 {
    color:#2f3192;
}
.box_artigo p {
    color:#555555;
}

.box_evento_img {    
    max-height: 168px;
    min-height: 168px;
    overflow: hidden;
}
.box_evento_img a {
    height: 168px;
    float:left;
}
.box_evento_img a img {
    opacity: 1;
}

.slick-prev:before, .slick-next:before {
    color:#949494 !important;
    font-size:40px !important;
}

/** PAGINAS INTERNAS **/
.breadcrumb-item+.breadcrumb-item::before {
    color: #fdd820;
    content: ">";
}

.titulo_bread {
    margin-bottom: 0 !important;
}
.breadcrumb {
    background-color: #f7f7fb !important;
    color: #434345 !important; 
    padding-top:.2rem;
}
.breadcrumb i {
    color: #2f3092;
}
article footer {
    background-color: #f7f7fb !important;
    padding:10px;
    color: #434345 !important;     
}
.avatar {
    max-width: 40px;
}

.titulo_noticia {
    color: #041f3c;
    font-size: 2em;
}
article {
    color: #555555;
}
article i {
    color:#2f3092;
}
.texto_citacao {
    font-style: italic;
    font-size:2em;
}
.tamanho_fonte_letra {
    color: #2f3092;
    font-weight: bold;
}
.separacao {
    border-bottom: 1px solid #fdd820;
    width:100%;
    heigth:1px;
    float:left;
}
.pretobranco { 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.box_associado {
    border-bottom:1px solid #e0e0e0;

}
.box_associado img {
    max-width: 80%;
}
.titulo-associado {
    color:#555555;
}
.borderbottom {
    border-bottom: 1px solid #eaeaea;;
}
.borderradius {
    border-radius: 5px;
}

/*** PLUGIN FOTO NOTICIAS ***/
.plugin_sombra_tamanho {
    -webkit-box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.75); 
    -moz-box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.75); 
    box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.75); 
    width:520px; 
    margin-top:50px;
}
.height-530 {
    height: 530px;
}

figure {
    margin:0 !important;
}
.carousel {
    webkit-box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.75) !important;
}
/***   ***/

/** FOOTER **/
footer {
     background-color: #14155d;
     padding:10px;
     color:#FFFFFF;   
     font-size:0.9em;  
}
.slick-prev
{
    left: 5px !important;
}
[dir='rtl'] .slick-prev
{
    right: 5px !important;
    left: auto;
}
.slick-next
{
    right: 5px !important;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 5px !important;
}


/** OCULTAÇÃO DE ITENS **/
.box_noticia:nth-child(4){
    display: none;
}
.box_noticia:nth-child(5){
    display: none;
}
.box_evento:nth-child(4){
    display: none;
}
.box_evento:nth-child(5){
    display: none;
}
.box_evento:nth-child(6){
    display: none;
}
.box_evento:nth-child(7){
    display: none;
}
.box_artigo:nth-child(4){
    display: none;
}
.box_artigo:nth-child(5){
    display: none;
}

@media (min-width: 479px) { 

    .slick-prev
    {
        left: -25px!important;
    }
    [dir='rtl'] .slick-prev
    {
        right: -25px!important;
        left: auto;
    }
    .slick-prev:before
    {
        font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f053';
    }
    [dir='rtl'] .slick-prev:before
    {
        font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f054';
    }

    .slick-next
    {
        right: -25px!important;
    }
    [dir='rtl'] .slick-next
    {
        right: auto;
        left: -25px!important;
    }

    .box_evento:nth-child(4){
        display: block;
    }
    .box_evento:nth-child(5){
        display: block;
    }

}


/*************/
@media (min-width: 576px) { 

}

@media (min-width: 768px) { 
    .titulo {
        width: 100%;
        margin:20px 0%;
    }

    .botao-mais {
        width: 100%;
        margin:2% 0%;
        padding:0 1%;
    }

    .titulo-noticia {
        height: 100px;
        overflow: hidden;
    }

    .titulo-evento {
        height: 55px;
        float: left;
        overflow: hidden;
    }

    .redes {
        top:2rem;
    }
    
}

@media (min-width: 992px) { 
    .box_noticia:nth-child(4){
        display: block;
    }
    .box_noticia:nth-child(5){
        display: block;
    }
    .box_evento:nth-child(6){
        display: block;
    }
    .box_evento:nth-child(7){
        display: block;
    }
    .box_artigo:nth-child(4){
        display: block;
    }
    .box_artigo:nth-child(5){
        display: block;
    }
}

@media (min-width: 1200px) { 
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1270px;
   }

   .container {
        padding: 0 100px;
   }
}


@media print {
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
    body.modal-open {
        visibility: hidden;
    }

    body.modal-open .modal .modal-body {
        visibility: visible; /* make visible modal body and header */
        width: 100%;
    }
}