/* ==========================================================================
   Tipos de blocos
   ========================================================================== */

/* Bloco padrão
   ========================================================================== */
.bloco-institucional-padrao {
    overflow: hidden;
}
.pane-blocos-padroes-conteudo .more-link {

}
.pane-blocos-padroes-conteudo .more-link a {
    float: left;
    background: #dadada;
    padding: 10px;
    display: inline-block;
    color: #652a02;
    font-weight: bold;
    font-size: 14px;
}
.pane-blocos-padroes-conteudo .more-link a:hover {
    text-decoration: none !important;
}
.pane-blocos-padroes-conteudo .more-link a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    color: transparent;
    float: left;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #652a02;
    margin-right: 3px;
    margin-top: 5px;
}
.pane-blocos-padroes-conteudo .more-link a:hover::before {
    border-left-color: #2d81d5;
}




/* ------------------------------------------------------------------------------------------- */

/* ==========================================================================
   Tipos de listagens
   ========================================================================== */
.listagem-reticencias p:last-of-type::after {
    content: ' (...)';

}
/* Título com link
   ========================================================================== */
.titulo-com-link {
    display: inline-block;
    margin-bottom: 10px;
}
.titulo-com-link a {
    font-weight: bold;
    font-size: 16px;
}
.titulo-com-link a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    color: transparent;
    float: left;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #652a02;
    margin-right: 3px;
    margin-top: 5px;
}
.titulo-com-link a:hover::before {
    border-left-color: #2d81d5 !important;
}
/* Título com link - Taxonomias e perguntas
   ========================================================================== */
.titulo-taxonomias {
    text-align: center;
    padding: 10px;
    font-size: 23px;
    font-weight: bold;
    line-height: 16px;
}
.titulo-taxonomias a {
    line-height: 16px;
}

.titulo-taxonomias a::before,
.titulo-taxonomias a::after {
    content: '"';
    color: #652a02;
}
.titulo-taxonomias a:hover::before,
.titulo-taxonomias a:hover::after {
    color: #2d81d5;
}
.titulo-taxonomias a:hover {
    text-decoration: none;
}

/* Título com imagem
   ========================================================================== */
.view-display-id-bloco_titulo_imagem .views-row {
    margin-bottom: 15px;
}
.miniatura-listagem,
.view-display-id-bloco_titulo_imagem .field-name-field-imagem-esquerdo {
    margin-right: 10px;
    margin-bottom: 10px;
}
/* Título com imagem - Miniatura Vídeos
   ========================================================================== */
.miniatura-video {
    margin-right: 10px;
    margin-bottom: 10px;
}
.miniatura-video a::before {
    background: url(/sites/portal.fiocruz.br/themes/portalnovo/images/videos/play-icon.png);
    content: '';
    display: inline-block;
    width: 170px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 2;
    opacity: 0.8;
}
.miniatura-video a {
    /*background: rgba(0,0,0,0.5);*/
    display: inline-block;

}



/* Título com imagem grande
   ========================================================================== */
.view-display-id-bloco_listagens_titulo_imagem_grande .views-row {
    margin-bottom: 15px;
}
.view-display-id-bloco_listagens_titulo_imagem_grande .titulo-com-link a {
    font-size: 20px;
}
.view-display-id-bloco_listagens_titulo_imagem_grande .titulo-com-link a::before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #652A03;
    margin-top: 8px;
}
.view-display-id-bloco_listagens_titulo_imagem_grande .titulo-com-link a:hover::before {
    border-left-color: #2d81d5;
}
.view-display-id-bloco_listagens_titulo_imagem_grande .imagem-destaque img {
    width: 100%;
    height: auto;
}

/* Carrossel - Padrões
========================================================================== */
/* Posicionamento controles */
.bloco-institucional-padrao .views-slideshow-controls-bottom {
    position: relative;
}
.bloco-institucional-padrao .views-slideshow-controls-text-pause {
    display: none;
}
.bloco-institucional-padrao .views-slideshow-controls-text {
    z-index: 100;
    position: absolute;
    top: 30%;
    width: 100%;
    height: 30%;
}
/* Ícone setas */
.bloco-institucional-padrao .views-slideshow-controls-text-next a,
.bloco-institucional-padrao .views-slideshow-controls-text-previous a {
    height: 35px;
    width: 35px;
    transform: rotate(-45deg);
    display: inline-block;
    text-indent: -99999px;
    text-decoration: none !important;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    color: rgba(175, 175, 175, 0.8);
    overflow: hidden;
}
.bloco-institucional-padrao .views-slideshow-controls-text-previous a { 
    border-left: 10px solid;
    border-top: 10px solid;
}
.bloco-institucional-padrao .views-slideshow-controls-text-next a {
    border-right: 10px solid;
    border-bottom: 10px solid;
}
.bloco-institucional-padrao .views-slideshow-controls-text-previous,
.bloco-institucional-padrao .views-slideshow-controls-text-next,
.bloco-institucional-padrao .views-slideshow-controls-text-next a:hover,
.bloco-institucional-padrao .views-slideshow-controls-text-previous a:hover {
    text-decoration: none !important;
}
.bloco-institucional-padrao .views-slideshow-controls-text-next {
    float: right;
}




/* Carrossel de título com imagem grande
   ========================================================================== */
.view-display-id-bloco_listagens_carrossel_com_titulo_imagem {

}
.view-display-id-bloco_listagens_carrossel_com_titulo_imagem .views_slideshow_cycle_main {
    width: 100%;
    height: auto;
}
.view-display-id-bloco_listagens_carrossel_com_titulo_imagem .views-slideshow-cycle-main-frame-row {
	width: 100%;
	height: auto;
}
.view-display-id-bloco_listagens_carrossel_com_titulo_imagem img {
    width: 100%;
    height: auto;
}
/* Carrossel de título com imagem grande - Embed Vídeos
   ========================================================================== */
.view-display-id-bloco_listagens_carrossel_com_titulo_imagem iframe {
	height: 270px;
}   

/* Carrossel de título com chamada
   ========================================================================== */
.view-display-id-bloco_carrossel_titulo_e_chamada {

}
.view-display-id-bloco_carrossel_titulo_e_chamada .views_slideshow_cycle_main {
    width: 100%;
    height: auto;
}
.view-display-id-bloco_carrossel_titulo_e_chamada .field-name-body {
    padding: 0 50px;
    text-align: center;
    font-size: 14px;
}
/* Carrossel de título imagem grande e chamada
   ========================================================================== */
.view-display-id-bloco_carrossel_titulo_imagem_chamada {

}
.view-display-id-bloco_carrossel_titulo_imagem_chamada .views-slideshow-cycle-main-frame,
.view-display-id-bloco_carrossel_titulo_imagem_chamada .views_slideshow_cycle_main {
    width: 100%;
    height: auto;
}
.view-display-id-bloco_carrossel_titulo_imagem_chamada .field-name-body {
    /* padding: 0 50px; */
    /* text-align: center; */
    font-size: 14px;
}
/* Título com chamada e lista expansível
   ========================================================================== */
.view-display-id-bloco_titulo_chamada_expansivel {
	
}

/* Efeito de accordion */
.view-display-id-bloco_titulo_chamada_expansivel input.seta-item {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.view-display-id-bloco_titulo_chamada_expansivel .chamada-expansivel {
    max-height: 1500px;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}
/* :checked */
.view-display-id-bloco_titulo_chamada_expansivel  input.seta-item:checked ~ .chamada-expansivel {
    max-height: 0;
    padding: 0;
    border: 0;
}
/* Icone seta */
.view-display-id-bloco_titulo_chamada_expansivel .texto-titulo-item::after {
    text-align: center;
    display: inline-block;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.view-display-id-bloco_titulo_chamada_expansivel  .icone-seta-lista-expansivel {
    width: 16px;
    height: 16px;
    background: #652a02;
    border: 1px solid #652a02;
    border-radius: 16px;
    margin-left: 10px;
    display: inline-block;
	
}
.view-display-id-bloco_titulo_chamada_expansivel .icone-seta-lista-expansivel-seta {
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: white transparent transparent white;
    transform: rotate(225deg);
	margin-left: 3px;
    margin-top: 1px;
    
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.view-display-id-bloco_titulo_chamada_expansivel  input.seta-item:checked ~ .seta-expansivel .icone-seta-lista-expansivel-seta {
    
	transform: rotate(135deg);
    margin-top: 3px;
    margin-left: 1px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}