/*****centralizacao 1a imagem da noticia*****/
article div[property="rnews:articleBody"] > p:first-child img:first-child{
     display: block;
  margin-left: auto;
  margin-right: auto;
 /* width: 70%;*/
  height: auto;

}
/******fim-centralizacao 1a imagem da noticia*********/

iframe html body div.ndfHFb-c4YZDc-Wrql6b{
    display:none
}

/*Fonte*/
@media screen {
   body{
       font-family: rawline,Raleway,sans-serif!important;
    
   }

body  #content a.outstanding-link:hover{
  background: #8d0333 !important;
  border-color: #8d0333 !important;
  color: #D4B277 !important;
}

/*Ajustes para carrosel de imagens(tile de carrosel simples)*/
body.template-view .galleria-container{
   background: transparent !important;

}
/*Força um tile a ir para o topo da página por tras dos outros elementos. 
Usado para corrigir o posicionamento da div que incorpora a a img de backgeound do cabealho.
 Sem isso, a imagem vai para o topo da página mas a div fica no local original ocupando espaço
Aplicar esta classe no Tile que contiver a imagem.
A linha (row), por sua vez, dever ter as classes 'linha_destaque_topo' e 'degrade_destaque_topo'*/
body.template-view .tile-topo-background{
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: -2;
}


/*blocos com ícones*/
body.template-view .bloco-principal{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   border: 1px solid #C4C4C4;
   background: #f4ece0;
   height: 200px;
}
body.template-view .bloco-principal-azul{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   border: 1px solid #C4C4C4;
   background: #3ab09e;
   height: 200px;
   border-radius:.3em;
}
body.template-view .bloco-principal-cinza{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   border: 1px solid #C4C4C4;
   background: #f7f7f7;
   height: 200px;
   border-radius:.3em;
   
}
body.template-view .bloco-principal-branco{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   border: 1px solid #C4C4C4;
   background: white;
   height: 200px;
   border-radius:.3em;
   
}
body.template-view .minibloco-principal-branco{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   border: 1px solid #C4C4C4;
   background: white;
   height: 80px;
   border-radius:.3em;
   
}

body.template-view #content .link-hover-dourado a:hover{
  color: #D4B277 !important;
}

body.template-view .bloco-principal-dourado{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   border: 1px solid #C4C4C4;
   background: D4B277 ;
   height: 260px;
   border-radius:.3em;
   
}

body.template-view .bloco-principal > .tile-content {
    /*padding: 20px;*/
    display: flex !important;
    flex-direction: column;
  }
.bloco-principal .visualClear{
   display:none
}
body.template-view .bloco-principal div a img{
  width: 160px ;
  height: 160px;
}
/*para opcao de linha discreta com fundo rosa*/
body.template-view .fundo-rosa{
    background: #f4ece0 !important;
}
body.template-view .fundo-dourado{

 background: #D4B277 !important;
}
body.template-view .fundo-cinza{

 background: #f7f7f7 !important;
}

/*links para lista em alta com largura fixa*/

body.template-view #content div.tile-em-alta-dourada-fixa div.cover-list-tile{
  display: inline-grid !important;
  grid-row-gap: 0px;
  height: 100%;
  grid-template-columns: 100%;
}

body.template-view #content .tile-em-alta-dourada-fixa a{
width: 100%;
text-align: center;
background: #8d0333!important;
color: #D4B277 !important;
border: 2px solid #D4B277 !important;
}


body.template-view #content .tile-em-alta-dourada-fixa a:hover{
 background: white !important;
color: #D4B277 !important;
border: 2px solid #D4B277 !important;
}

/*cabecalhos diferenciados*/
body.template-view #content .cabecalho-vermelho h1,
body.template-view #content .cabecalho-vermelho h2,
body.template-view #content .cabecalho-vermelho h3,
body.template-view #content .cabecalho-vermelho h4,
body.template-view #content .cabecalho-vermelho h5,
body.template-view #content .cabecalho-vermelho h6{

   color: #8D0333 !important;
}
body.template-view #content .cabecalho-dourado h1,
body.template-view #content .cabecalho-dourado h2,
body.template-view #content .cabecalho-dourado h3,
body.template-view #content .cabecalho-dourado h4,
body.template-view #content .cabecalho-dourado h5,
body.template-view #content .cabecalho-dourado h6{

   color: #D4B277 !important;
}

/*suaviza o gradiente do topo*/
.portaltype-collective-cover-content.template-view div.row.linha-destaquetopo.topo-com-degrade .tile:before {
   
   /*background-image: radial-gradient(transparent 50%,#000 10%) !important;*/
    background-image: linear-gradient(to right, transparent, rgba(0,0,0,0.5)) !important;
    background-image: moz-linear-gradient(to right, transparent, rgba(0,0,0,0.5)) !important;
    background-image: o-linear-gradient(to right, transparent, rgba(0,0,0,0.5)) !important;
    background-image: webkit-linear-gradient(to right, transparent, rgba(0,0,0,0.5)) !important;
}
/*diminui espaco apos o destaque topo*/
body.template-view #content div.row.linha-destaquetopo{
   max-height: 440px !important;
}
/*aumenta o z-index do menu*/
body header#main-header .navigation-wrapper{
   z-index:3 !important;
}
body header#main-header .list-navigation .submenu{
  margin-bottom: 40px; !important;
}
/*cabecalho geral com cor da ufma*/
body header#main-header, body.portaltype-collective-nitf-content header#main-header {
    background-color: #8c0333;
}

/*espacando verticcalmente noticias*/
body.template-view .tile.colecao-espacada > div.cover-collection-tile{
  display: inline-grid;
}
body.template-view .tile.colecao-espacada > div.cover-collection-tile .visualClear{
  display: none   
}








/*Bloco 1 - carrossel destaque*/

div#wrapper{
   padding-top: 0px;
}


/*Tirando o Titulo do banner Carrossel*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner 
 .carousel-title{
   display:none
}

/*Movendo botão mais para baixo e para o lado esquerdo*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner 
 div.carousel-information{
   top: 70%!important;
   left: 10%;
}

body.portaltype-collective-cover-content div.row.carrossel-destaque-banner 
{
   margin-top:0px;
}



/*Bolinha do banner ativo*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner
.brasil-highlightscarousel-tile .carousel-thumbs .swiper-slide.swiper-slide-active
{
	border: 5px solid #8d0333;
        background: #8d0333;
}

/*Bolinha do banner não ativo*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner
.brasil-highlightscarousel-tile .carousel-thumbs .swiper-slide{
	width: 15px !important;
	height: 15px;
	border-radius: 15px;
	background: #0ab0ab;
	border: 5px solid transparent;
}

/*Tirando a previzualização dos inativos*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner
.brasil-highlightscarousel-tile .carousel-thumbs .carousel-image{
	display:none
}
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner
.brasil-highlightscarousel-tile .carousel-thumbs .thumb-title{
	display:none
}

/*Posicionando bolinhas em baixo*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner
.brasil-highlightscarousel-tile .carousel-thumbs-container {
 margin: 0px auto 0;
 
}

/*Posicionando a seta next*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .swiper-button-next, 
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .swiper-container-rtl .swiper-button-prev {
  right: -45px;
  margin-top: -240px
}

/*Posicionando a seta prev*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .swiper-button-prev, 
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .swiper-container-rtl .swiper-button-next {
  left: -45px;
  margin-top: -240px
}

body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .brasil-highlightscarousel-tile .carousel-more{
  background:#0ab0ab;
  color:#8d0333!important
}
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .brasil-highlightscarousel-tile .carousel-more:hover{
  background:#8d0333;
  color:#0ab0ab!important
}






/*Linha das noticias*/

/*Bloco 2 - Noticias menores*/
body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.colecao-espacada div.collection-item > a > img{
	width:158.3px;
	height:158.3px;
	margin: 0px 16px 0px 0px;
        object-fit: cover;
}

body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.colecao-espacada div.collection-item ~ div.collection-item  {
	margin-top: 21.25px;
}

body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.colecao-espacada div.tile-footer{
        margin: 12px;
}

body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.colecao-espacada div.tile-footer > a{
        color: #8d0333 !important;
        border: 2px solid #8d0333 !important;
        border-radius: 30px;
        padding: 10px 23px;
}
body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.colecao-espacada div.tile-footer > a:hover{
        color: white !important;
        background: #8d0333 !important;

}

/*Bloco 2 - Noticia destaque*/


body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h1,
body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h2,
body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h3{
	position: absolute;
        bottom: 0%;
        padding-left: 0px;
        background-color: rgba(255,255,255,0.5);


}


body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h1 a,
body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h2 a,
body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h3 a{
	color: #000 !important;
        font-size: 1.375rem;
}
body.contraste.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h1 a,
body.contraste.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h2 a,
body.contraste.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
div.tile.foto-sobreposta-grande div.collection-item > h3 a{
	color: #ff0 !important;
        font-size: 1.375rem;
}

/*Bloco 3 - Linhs Diretos*/

body.portaltype-collective-cover-content div.row.row-links-direto div.column div.tile-default{
        height: 135px;
        text-align: center;
        background: #d4b277;
        box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
}

body.portaltype-collective-cover-content div.row.row-links-direto .tile.cabecalho-vermelho .outstanding-header h2 {
        font-size:1.375rem !important
}

body.portaltype-collective-cover-content div.row.row-links-direto div.column div.tile-default h2{
    height: 100%;
}

body.portaltype-collective-cover-content #content div.row.row-links-direto div.column div.tile h2 > a{
        color: white!important;
        display: inline-flex;
        align-items: center;
        height: 100%;
        width: 100%;
        justify-content: center;
}

body.portaltype-collective-cover-content #content div.row.row-links-direto div.column div.tile h2 > a:hover{
        color: #d4b277 !important;
        background: white;
}


/* Bloco 4 - COnheça a UFMA*/
body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont{
         width: 100% !important;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         background: #5a021f;
         padding: 0 0 10px;
         margin: 0;
}

body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont.lista-blocos .tile{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3); 
   background: #8d0333;
   height: 200px;
   padding: 0px;
}
body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont.lista-blocos .tile div{
   height: 100%;
}


body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont.lista-blocos .tile h2{
    height: 100%;
    margin: 0px;
    width: 100%;
}

body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont.lista-blocos .tile h2 a{
        color: white!important;
        display: inline-flex;
        align-items: center;
        height: 100%;
        width: 100%;
        justify-content: center;
        text-align: center;
}

body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont.lista-blocos .tile h2 a:hover{
        color: #8d0333 !important;
        background: white;
}

/* Bloco 5 - Nossas Mídias*/

body.portaltype-collective-cover-content #content div.tile.lista-quadrado-branco-barroco div.list-item{
   box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
   background: #f4ece0;
   height: 102.2px;
}

body.portaltype-collective-cover-content #content div.tile.lista-quadrado-branco-barroco div.list-item > h2{
    /*line-height: 102.2px;*/
    height: 100%;
    margin: 0px;
    width: 100%;
    text-align: center;
}

body.portaltype-collective-cover-content #content div.tile.lista-quadrado-branco-barroco div.list-item > h2 > a{
        color: #8D0333;
        display: inline-flex;
        align-items: center;
        height: 100%;
        width: 100%;
        justify-content: center;
}

body.portaltype-collective-cover-content #content div.tile.lista-quadrado-branco-barroco div.list-item > h2 > a:hover{
        color: #f4ece0!important;
        background: #8D0333;
}

body.portaltype-collective-cover-content #content div.tile.lista-quadrado-branco-barroco div.list-item ~ div.list-item  {
	margin-top: 17.25px;
}

/*Titulo do vídeo*/
body.portaltype-collective-cover-content #content div.video-tile > a{
    float: right;
    color: #d4b277;
    font-size: 1.375rem;
}


/*Bloco 6 Quadrados verde*/
body.portaltype-collective-cover-content #content div.row.row-bloco-verde
{
    margin: 0px auto 10px auto;
}
body.portaltype-collective-cover-content #content div.row.row-bloco-verde div.tile
{
    height: 135px;
    text-align: center;
    background: #0ab0ab;
    box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
}

body.portaltype-collective-cover-content #content div.row.row-bloco-verde div.tile h2{
    height: 100%;
}

body.portaltype-collective-cover-content #content div.row.row-bloco-verde div.tile h2 a{
        color:white!important;
        display: inline-flex;
        align-items: center;
        height: 100%;
        width: 100%;
        justify-content: center;
    
}

body.portaltype-collective-cover-content #content div.row.row-bloco-verde div.tile h2 a:hover{
        color: #0ab0ab !important;
        background: white;
}



/*Modificação da fonte*/

body.portaltype-collective-cover-content #content div.row a,
body.portaltype-collective-cover-content #content div.row h1,
body.portaltype-collective-cover-content #content div.row h2,
body.portaltype-collective-cover-content #content div.row h3,
body.portaltype-collective-cover-content #content div.row h4,
body.portaltype-collective-cover-content #content div.row h5
body.portaltype-collective-cover-content #content div.row h6
{
    font-weight:500!important;
    
}

/*Retirando barra de navegação*/

body.portaltype-collective-cover-content #portal-breadcrumbs{
    display:none
}


.portaltype-collective-cover-content div.row{
   margin: 0px auto !important;
}


.titulo-linha .tile-content::after,
.titulo-linha .tile-content::before
{
   background: #ccc;
   content: "";
   height: 1px;
   width: 100%;
   margin-bottom: .3em;
}

.titulo-linha .tile-content
{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   min-height: 50px;
}

.titulo-linha .tile-content .outstanding-title{
   white-space: nowrap;
   padding: 0px 20px;
}

.tile.cabecalho-vermelho .outstanding-header h2{
   font-size:2.75rem !important;
}


/*Edições do Concurso*/

body.template-view #content .row-dest-verm-cont p{

   color: white !important;
}


.portaltype-collective-cover-content div.row .tile.col-publi .cover-collection-tile .collection-item time{
   border: black solid 1px;
   padding: 12px 23px 12px 66px;
   float: left;
   border-radius: 30px 0px 0px;
   background: #5a021f;
   color: white;
   min-width: 91px;
}

.portaltype-collective-cover-content div.row .tile.col-publi .cover-collection-tile .collection-item h2{
   float: right !important;
   max-width: 386px;
   min-width: 386px;
}

.portaltype-collective-cover-content div.row .tile.col-publi .cover-collection-tile .collection-item h2 > a{
    border-radius: 0px 30px 0px 0px!important;
    margin: 0px!important;
    width: 100%;
}
}


/*Inicio alteração dispositivos móveis*/
@media (max-width:767px) {

    body.portaltype-collective-cover-content #content div.row.row-dest-verm-cont{
       padding:0px
   }

   .portaltype-collective-cover-content div.row.margem-inicio-linha, .portaltype-collective-cover-content div.column.margem-inicio-linha{
      margin:0px!important;
   }
   .portaltype-collective-cover-content div.row.margem-fim-linha,
   .portaltype-collective-cover-content div.column.margem-fim-linha{
        margin-bottom:0px!important;
   }
   
   .portaltype-collective-cover-content div#content{
        margin: 0px 10px;
   }
   body.portaltype-collective-cover-content div.row.carrossel-destaque-banner .brasil-highlightscarousel-tile .carousel-thumbs-container{
        margin: 0 auto 0;
   }
   body.portaltype-collective-cover-content div.row.carrossel-destaque-banner div.carousel-information {
	top: 45% !important;
	left: 10%;
   }
   body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
   div.tile.foto-sobreposta-grande div.collection-item > h1,
   body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
   div.tile.foto-sobreposta-grande div.collection-item > h2,
   body.portaltype-collective-cover-content div.row.noticias-pagina-inicial 
   div.tile.foto-sobreposta-grande div.collection-item > h3{
	position: absolute;
        bottom: -2%;
        line-height: 1.75rem !important;

   }

   body.portaltype-collective-cover-content div.row.noticias-pagina-inicial .foto-sobreposta-grande
   {
       padding-bottom: 80px;
   }
   
   .column{
       margin: 0px 10px;
       display: contents!important;
   }   
   div#main{
       margin-top:0px
   }
   header#main-header div.header-wrapper{
       height:100%
   }

   /*correcao do erro na busca da visualizacao da colecao em telas pequenas*/
    .document-finder-tile #content-core input[type="text"], 
    .template-busca #content-core input[type="text"], 
    .template-filtro-de-resultados #content-core input[type="text"]{
        max-width:80%!important;
        width:80%!important;
    }

    .template-filtro-de-resultados div.cell{
        margin-left:0px!important;
    }
    .document-finder-tile form .actionMenuHeader, 
    .template-busca form .actionMenuHeader, 
    .template-filtro-de-resultados form .actionMenuHeader{
        position:static!important;
    }

    .template-filtro-de-resultados #search-results-bar{
        width:94%
    }
    #viewlet-below-content{
       max-width:100%!important;
    }

    #search-results-bar #filters .filter-button, #search-results-bar #search-filter .filter-button{
        font-size: medium !important;
    }

   div.row div.column{
      width:96%!important;
      margin: 0px 2%;
   }
   div.row div.column a.imag{
      display: flex;
      justify-content: center;
   }
   div.collection-item{
      width:100%!important;

   }
   div.row div.column div.collection-item ~ div.collection-item{
      margin:0px;
   }
   header#main-header div.header-wrapper{
      height: auto;
      min-height: 80px;
      padding: 2% 0% 2% 0%;
   }
  /*fim-correcao do erro na busca da visualizacao da colecao em telas pequenas*/


/*corrigindo altura exagerada da div do banner*/
   .brasil-highlightscarousel-tile .swiper-wrapper{
       max-height:210px !important;
   }

.filhos-ordem-inverdita {
        display: flex !important;
        flex-direction: column-reverse !important;
}

}/*fim dispositivos moveis*/

/*Inicio visual somente telas grandes*/
@media (min-width:767px) {
  
   /**/
   .portaltype-collective-cover-content div.row.margem-inicio-linha,
   .portaltype-collective-cover-content div.column.margem-inicio-linha{
        margin-top:60px !important;
   }

   .portaltype-collective-cover-content div.row.margem-fim-linha,
   .portaltype-collective-cover-content div.column.margem-fim-linha{
        margin-bottom:60px!important;
   }

   .noticias-pagina-inicial .tile.foto-sobreposta-grande img,
   .noticias-pagina-inicial .tile.foto-sobreposta-grande,
   .noticias-pagina-inicial .tile.foto-sobreposta-grande > div::before {
	height: 516px !important;
   }
  
   body.portaltype-collective-cover-content .titulo-linha{
        margin-bottom: 32px;
   }

   /*corrigindo altura exagerada da div do banner*/
   .brasil-highlightscarousel-tile .swiper-wrapper{
       max-height:420px !important;
   }

}


/*correcao do tamanho da caixa de seleção de classes css no editor de layout*/

body .cssclasswidget-classlist
{
 
    max-height: 40rem !important;
 
}
body #class-chooser
{
    min-height: 42rem !important;
}
body #tile-configure.modal
{
    min-height: 52rem !important;
}

/*permitte, por exemplo, que dois tiles de lista fiquem na vertical um imediatamente após o outro sem espaçamento entre eles, formando algo parecido com um menu na vertical*/
body.template-view div.column.coluna-continua{
   display: flex;
    flex-flow: column;
}



/*ocultando description do carousel, 17-10-23*/
/*Tirando o Titulo do banner Carrossel*/
body.portaltype-collective-cover-content div.row.carrossel-destaque-banner 
 .carousel-description{
   display:none !important;
}
/*redução do tamanho do campo de busca*/
#portal-searchbox {
width: 260px !important;
}
#portal-searchbox input.searchButton{
border-radius: 50% !important;
}
/*fim -redução do tamanho do campo de busca*/
/*redução da fonte dos links de serviço*/
.links-destaque li {
  font-size: 1rem !important;

}
/*fim - redução da fonte dos links de serviço*/

/* Customização para a mara aparecer em telas menores  */
ul.rodape-navigation ul.submenu li ul.submenu.navTree.navTreeLevel1  {
  left: 0 !important;
}

@media only screen and (max-width: 1016px) {
 div.row div.column.col-md-12 div.tile.linha-discreta.titulo-linha.cabecalho-vermelho div.outstanding-header.tile-content h2{
      text-wrap: balance;
   }
}
/* Fim - Customização para a mara aparecer em telas menores */

/*ajustes portal CEP-CCIM
.template-document_view.portaltype-document #content-core #parent-fieldname-text ol,
.template-document_view.portaltype-document #content-core #parent-fieldname-text ul{
 margin-left:2rem !important;
}
.template-document_view.portaltype-document #content-core #parent-fieldname-text ol li,
.template-document_view.portaltype-document #content-core #parent-fieldname-text ul li{
 margin-left:1rem !important;
}*/