@charset "UTF-8";
/*------------------------------------*\
Desenvolvido por Cedilha Comunicação Digital
https://cedilha.com.br
\*------------------------------------*/



/*====================================*\
  #BIBLIOTECAS
/*------------------------------------*\
  #FONTE - OPEN SANS
\*------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');





/*====================================*\
  #ESTILOS
\*====================================*/

/*------------------------------------*\
  #GERAL
\*------------------------------------*/

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    letter-spacing: -0.2px;
    -webkit-font-smoothing: antialiased;
	color:#4B515A;
}
small{
	font-size:0.8em;
}
.big{
    font-size: 1.4em;
}
.text-lt{
    font-weight: 300;
}
.h-25{
    min-height: 25vh;
}
.h-50{
    min-height: 50vh;
}
.h-75{
    min-height: 75vh;
}





/*------------------------------------*\
  #SELEÇÃO
\*------------------------------------*/

::selection { 
	background:#1E6060; 
	color:#FFF;
} 
::-moz-selection { 
	background:#1E6060; 
	color:#FFF;
} 
::-webkit-selection { 
	background:#1E6060; 
	color:#FFF;
} 





/*------------------------------------*\
  #CORES
\*------------------------------------*/

.VERDE{color:#1E6060 !important;}
.VERMELHO{color:#A03232 !important;}
.LARANJA{color:#C6A35C !important;}
.CINZA{color:#4B515A !important;}
.BRANCO{color:#FFFFFF !important;}





/*------------------------------------*\
  #VERDE
\*------------------------------------*/
.verde{
    color: #1E6060;
}
.verde1{
    color: #5C9191;
}
.verde2{
    color: #377777;
}
.verde3{
    color: #0B4747;
}
.verde4{
    color: #002E2E;
}
.verde a, .verde1 a, .verde2 a, .verde3 a, .verde4 a{
    color: inherit !important;
}

.bg-verde{
    background-color: #1E6060;
}
.bg-verde1{
    background-color: #5C9191;
}
.bg-verde2{
    background-color: #377777;
}
.bg-verde3{
    background-color: #0B4747;
}
.bg-verde4{
    background-color: #002E2E;
}





/*------------------------------------*\
  #AMARELO
\*------------------------------------*/
.amarelo{
    color: #A07B32;
}
.amarelo1{
    color: #F2D59A;
}
.amarelo2{
    color: #C6A35C;
}
.amarelo3{
    color: #765512;
}
.amarelo4{
    color: #4D3300;
}

.bg-amarelo{
    background-color: #A07B32;
}
.bg-amarelo1{
    background-color: #F2D59A;
}
.bg-amarelo2{
    background-color: #C6A35C;
}
.bg-amarelo3{
    background-color: #765512;
}
.bg-amarelo4{
    background-color: #4D3300;
}





/*------------------------------------*\
  #VERMELHO
\*------------------------------------*/
.vermelho{
    color: #A03232;
}
.vermelho1{
    color: #F29A9A;
}
.vermelho2{
    color: #C65C5C;
}
.vermelho3{
    color: #761212;
}
.vermelho4{
    color: #4D0000;
}

.bg-vermelho{
    background-color: #A03232;
}
.bg-vermelho1{
    background-color: #F29A9A;
}
.bg-vermelho2{
    background-color: #C65C5C;
}
.bg-vermelho3{
    background-color: #761212;
}
.bg-vermelho4{
    background-color: #4D0000;
}





/*------------------------------------*\
  #PAGINAÇÃO
\*------------------------------------*/

.page-item .page-link{
    color: #1E6060 !important;
}
.page-item.active .page-link{
    background-color: #5C9191;
    border-color: #5C9191;
    color: #FFF !important;
}
.page-item.active:hover .page-link{
    background-color: #1E6060;
}





/*------------------------------------*\
  #BOTÕES
\*------------------------------------*/

.btn-primary{
    background-color: #C6A35C;
    border: none;
}

.btn-primary:hover{
    background-color: #765512;
    border: none;
}

.btn-secondary{
    background-color: #5C9191;
    border: none;
}

.btn-secondary:hover{
    background-color: #1E6060;
    border: none;
}





/*------------------------------------*\
  #LINKS
\*------------------------------------*/

a{
	color:inherit;
	text-decoration:none;
	color:#C6A35C !important;
	cursor:pointer;
}
a:hover{
	color:#A03232;
}





/*------------------------------------*\
  #TÍTULOS E TEXTOS
\*------------------------------------*/

h1{
    color: #002E2E;
}
h2{
    font-weight: 600;
    color: #0B4747;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: inherit;
}
blockquote{
    font-family:"Open Sans", Arial, Helvetica, sans-serif !important;
    font-style: italic;
    margin: 3rem;
    padding-left: 1.5rem;
    font-size: 1.0em;
    border-left: 4px solid #DDD;
}






/*------------------------------------*\
  #COLUNAS
\*------------------------------------*/

/*
.row.vertical-divider {
  overflow: hidden;
}
.row.vertical-divider > div[class^="col-"] {
  text-align: center;
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-right: 1px dotted #DDD;
}
.row.vertical-divider div[class^="col-"]:last-child {
    border-right: none;
}
@media (max-width: 768px) {
    .row.vertical-divider > div[class^="col-"] {
        border: none;
    }
}
*/
.col-pub{
    width: 300px !important;
    min-width: 300px !important;
    text-align: center;
}





/*------------------------------------*\
  #FORMULÁRIOS
\*------------------------------------*/

input.error,select.error,textarea.error{
	background-color:#FFFFEA;
	border:1px solid #953D16;
}
label label.error{
	color:#953D16;
	margin:0;
	padding:0;
}
input.controle{
    display: none;
}





/*------------------------------------*\
  #BREADCRUMB
\*------------------------------------*/

.breadcrumb{
    background-color: transparent !important;
}



/*====================================*\
  #POSITIONS
/*====================================*\

/*------------------------------------*\
  #GERAL
\*------------------------------------*/

body{
    background-color: #1E6060 !important;    
    padding-top: 65px;
}
#geral{
    min-width: 310px;
}
.container{
    min-width: 280px;
}




/*------------------------------------*\
  #NAVBAR
\*------------------------------------*/

header{
    margin: 0;
    padding: 0;
    background-color: #1E6060;
    min-height: 65px;
}
header .container {
    min-height: 65px;
}
.fixed header{
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
header .logo{
    margin: 0;
    padding: 0;
}
header .livrista img{
    width: 170px;
    height: 40px;
}

header .nav .nav-link{
    color:#F4F4F4 !important;
}
header .nav .nav-link:hover{
    text-decoration: underline;
}
header .nav .nav-link.active{
    font-weight: bold;
}
header .account-menu{
    text-align: center;
    vertical-align: bottom;
}
header .account-menu .dropdown-menu{
    line-height: 20px;
}





/*------------------------------------*\
  #SECTION
\*------------------------------------*/

section{
    background-color: #FFF;
    margin: 0;
}





/*------------------------------------*\
  #MODAL
\*------------------------------------*/

.janela_modal header, .janela_modal footer, .janela_modal .pub{
    display: none;
}
.janela_modal section{
    min-height:99vh;
}
#geral.janela_modal{
    margin-top: -65px;
}
.modal-body iframe{
    height: 80vh;
}





/*------------------------------------*\
  #HOMEPAGE
\*------------------------------------*/

.jumbo{
    font-size: 1.2em;
}
/*
.capa{
    background-image: url(../imagens/capa.png);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
*/
#depoimentos blockquote{
    border: none;
    padding: 0rem;
    margin: 0px;
}
#depoimentos p{
    font-style: italic;
    text-align: center;
    margin: 0;
    padding: 0;
}





/*------------------------------------*\
  #ROLAGEM
\*------------------------------------*/

.linha_oculta{
    display: none;
}





/*------------------------------------*\
  #LOGIN
\*------------------------------------*/

.signform {
    max-width: 500px;
}




/*------------------------------------*\
  #PUBLICIDADE
\*------------------------------------*/

.pub{
    text-align: center;
    padding: 8px 0;
}
.pub_banner img{
    max-width: 100%;
}





/*------------------------------------*\
  #SOCIALBAR
\*------------------------------------*/

.meta{
    font-size: 22px;
}
.social_bar{
    vertical-align: middle;
}
.social_bar a{
    font-size: 26px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}





/*------------------------------------*\
  #LIVRO THUMB
\*------------------------------------*/

.livro_thumb a{
    text-decoration: none;
}
.livro_thumb:hover{
    background: RGBA(0,0,0,0.05);
}
.livro_thumb .lt_capa{
    background-color: #FFF;
    width: 100%;
    height: 180px;
    background-image: url(../imagens/noimage.png); 
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;  
}
.lt_capa img{
    width: 100%;
    height: 100%;
}
.lt_bt{
    text-align: center;
}
.lt_titulo{
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    text-align: center;    
    color: #1E6060;
}
.lt_autores{
    text-align: center;
    font-size: 12px;
    color: #444;
}





/*------------------------------------*\
  #LIVROS
\*------------------------------------*/

.livro_label h2{
    color: #1E6060 !important;
    font-size: 1.8rem;
    font-weight: 500;
}

.livro_label .thumb{
    background-color: #F2F2F2;
}

.ll_resenha{
    display: none;
}

.livro_thumb .lt_posicao{
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}

.resenhas_livro{
    display: none;
}
.resenhas_livro .resenha p{
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 0.9em;
}




/*------------------------------------*\
  #EXEMPLAR THUMB
\*------------------------------------*/

.linha_exemplar{
    min-height: 88px;
}
.exemplar_thumb{
    width: 100%;
    min-height: 88px;
    padding: 6px;
}
.exemplar_thumb a{
    text-decoration: none;
}
.exemplar_thumb .col_img {
    flex: 0 0 88px;
}

.exemplar_thumb .ext_img{
    width: 88px;
    height: 88px;
    background-color: #FFF;
    
    background-image: url(../imagens/noimage.png); 
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;   
}
.exemplar_thumb .ext_img img{
    width: 100%;
    height: 100%;
}
.exemplar_thumb .ext_titulo{
    font-size: 1.0em;
}
.exemplar_thumb .ext_detalhes{
    font-size: 0.8em;
}
.exemplar_thumb .ext_referencia{
    font-size: 0.8em;
}
.exemplar_thumb .ext_biblioteca{
    margin-top: 3px;
    font-size: 0.8em;
}





/*------------------------------------*\
  #EDITORAS
\*------------------------------------*/

.editora_thumb{
    background-color: #F4F4F4;
}
.editora_thumb:hover{
    background-color: #EEE;
}
.editora_thumb a{
    text-decoration: none;
}
.editora_thumb .et_editora{
    font-weight: bold;
    font-size: 16px;  
}





/*------------------------------------*\
  #AUTORES
\*------------------------------------*/

.autor_thumb{
    background-color: #F4F4F4;
}
.autor_thumb:hover{
    background-color: #EEE;
}
.autor_thumb a{
    text-decoration: none;
}
.autor_thumb .at_autor{
    font-weight: bold;
    font-size: 16px;  
}





/*------------------------------------*\
  #LIVRISTAS
\*------------------------------------*/

.livrista_thumb{
    padding: 0;
    margin: 0;
}
.livrista_thumb.ext{
    background-color: #F4F4F4;
    
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.livrista_thumb.ext:hover{
    background-color: #EEE;
    
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.livrista_thumb.ext a{
    text-decoration: none;
}

.livrista_thumb a{
    display: inline-block;
    width: 100%;
    text-decoration: none;   
    line-height: 1em;
}
.livrista_thumb .lt_capa{
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 0.5rem;
    background-color: #F4F4F4;
    
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.livrista_thumb .lt_capa img{
    width: 100%;
    height: 100%;
}
.livrista_thumb.ext .lt_capa{
    float: none;    
    width: 120px;
    height: 120px;
    margin: 1rem auto;
    background-color: #FFF;
}
.livrista_thumb.ext .lt_detalhes{
    margin: 1rem;
}





/*------------------------------------*\
  #PRODUTOS
\*------------------------------------*/
.th_product{
    width: 250px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #A07B32;
    line-height: 1.4rem;
}
.th_product .title{
    color:#002E2E;
    font-weight: bold;
    font-size: 1.4rem;
    
}
.th_product .description{
    color: #4B515A;
}
.th_product .price{
    color:#002E2E;  
    font-size: 1.6rem;
    font-weight: 300;
}









/*------------------------------------*\
  #THUMB BLOG
\*------------------------------------*/

.th_blog{
    text-align: center;    
}
.th_blog a{
    text-decoration: none !important;
}
.th_blog .th_capa{
    height: 180px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.th_blog .th_capa img{
    width: 100%;
    height: 100%;
}
.th_blog .th_titulo{
    font-weight: bold;
    font-size: 1.2rem;
    color: #1E6060;
    margin: 5px 0;
}
.th_blog .th_descricao{
    font-size: 0.9rem;
    color: #4B515A;
}











/*------------------------------------------*\
  #MENU INTERNO
\*------------------------------------------*/

ul.menu_int{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.9em;
}
ul.menu_int li{
    margin: 1px 0;
    padding: 0;
}
ul.menu_int li a{
    text-decoration: none;
    padding: 12px;
    display:inline-block;
    width: 100%;
    background-color: transparent;
    background-image: linear-gradient(to left,
        transparent,
        transparent 50%,
        #1E6060 50%,
        #1E6060);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    font-weight: 600;
    color: #FFF;
}
ul.menu_int li a:hover{
    background-position: 0 0;
}

ul.menu_int li a.active{
    background-color: #1E6060;
    position: relative;
}
ul.menu_int li a.active:before {
    content: ' ';
    position: absolute;
    width: 0; 
    height: 0; 
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-left:10px solid #1E6060; 
}







/*------------------------------------*\
  #LGPD
\*------------------------------------*/

.box_lgpd {
    position: fixed;
    background: rgba(0, 46, 46, .9);
    width: 100%;
    z-index: 998;
    bottom: 0;
    font-size: 14px;
}
.box_lgpd .container{
    display: flex;
    justify-content: space-between;
}
  
@media screen and (max-width: 576px) {
    .box_lgpd .container {
        flex-direction: column;
    }
}





/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

footer{
    background-color: #1E6060;
    font-size: 14px;
    color: #CCC;
}

footer p{
    text-align: center;
}

footer a{
    color: #FFF;
}

footer p.redundante a{
    padding: 0 5px;
    line-height: 2.0em;
}

footer p.legal{
    font-size: 12px;
    margin-top: 32px;
}

footer p.logo a img{
    width: 170px;
    height: 40px;
}

footer p.social{
    font-size: 22px;
}
footer p.social a{
    padding: 0 5px;
    color: #FFF !important;
}





/*------------------------------------*\
  #RESPONSIVIDADE
\*------------------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    .nav-tabs li {
        display:block !important;
        width:100%;
        margin:0px;
    }
    .nav-tabs li.active {
        border-bottom:1px solid #ddd!important;
        margin: 0px;
    }
    
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

    .livro_thumb{
        margin-bottom: 1rem;
    }
    
    .livro_thumb .lt_capa{
        height: 25vh !important;
    }

    .col-pub{
        width: 100% !important;
        min-width: auto !important;
    }
    
    
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    
    .card-columns{
        column-count: 4;
    }
    .livro_thumb .lt_capa{
        height: 140px;
    }
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
}