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


/*==========================================*\
  #FONTES
/*------------------------------------*\
  #FONTE - NEO SANS
\*------------------------------------*/

/* REGULAR */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Regular.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ITÁLICO */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Italic.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* BOLD */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Bold.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* BOLD ITÁLICO */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-BoldItalic.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/* LIGHT */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Light.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* LIGHT ITÁLICO */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-LightItalic.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* MEDIUM */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Medium.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/* MEDIUM ITÁLICO */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-MediumItalic.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/* BLACK */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Black.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Black.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* BLACK ITÁLICO */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-BlackItalic.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-BlackItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* ULTRA */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-Ultra.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-Ultra.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/* ULTRA ITÁLICO */
@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fontes/NeoSansStd/NeoSansStd-UltraItalic.woff2') format('woff2'),
        url('../fontes/NeoSansStd/NeoSansStd-UltraItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}





/*==========================================*\
  #GERAL
/*------------------------------------------*\
  #PESO DA FONTE
\*------------------------------------------*/
body{
	margin:0;
	padding:0;
	font-family: 'Neo Sans Std', sans-serif;
	font-size: 16px;
    letter-spacing: -0.2px;
	color:#333;
    vertical-align: sub !important;
}
small{
	font-size:0.8em;
}
.big{
	font-size:1.2em;
}
.font-light{
    font-weight: 300;
}
.font-medium{
    font-weight: 500;
}
.font-black{
    font-weight: 700;
}
.font-ultra{
    font-weight: 900;
}





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

::selection { 
	background:#00CACD; 
	color:#FFF;
} 
::-moz-selection { 
	background:#00CACD; 
	color:#FFF;
} 
::-webkit-selection { 
	background:#00CACD; 
	color:#FFF;
}





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

.page-item .page-link{
    color: #333;
    border-color: #3F3F99 !important;
}
.page-item.active .page-link{
    background-color: #5C5CAE !important;
    border-color: #3F3F99 !important;
    color: #FFF;
}
.page-item:hover .page-link{
    background-color: #8888CB !important;
    color: #FFF;
}
.page-item.label:hover .page-link{    
    background-color: #3F3F99 !important;
    color: #FFF;
}





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

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

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

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

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





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

a{
	color:inherit;
	text-decoration:none;
	color:#FF6700;
	cursor:pointer;
}
a:hover{
	color:#9B3F00;
}





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

h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: inherit;
}





/*------------------------------------*\
  #LISTAS
\*------------------------------------*/

ul{
	list-style:disc;
    padding-left: 20px;
}

ol{
	list-style:decimal;
    padding-left: 20px;
}

li{
    padding-bottom: 0.5rem;
}





/*------------------------------------*\
  #TABELAS
\*------------------------------------*/
.table > tbody > tr > td {
     vertical-align: middle;
}





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

input,select,textarea,button{
    font-weight: 500;
}

input.error,select.error,textarea.error{
	background-color:#FFFFEA;
	border:1px solid #ff002a;
}
label label.error{
	color:#ff002a;
	margin:0;
	padding:0;
}





/*==========================================*\
  #CORES
/*------------------------------------*\
  #AMARELO
\*------------------------------------*/
.amarelo{
    color: #FFC504;
}
.amarelo1{
    color: #FFDC65;
}
.amarelo2{
    color: #FFD23B;
}
.amarelo3{
    color: #C79A00;
}
.amarelo4{
    color: #9D7900;
}

.bg-amarelo{
    background-color: #FFC504;
}
.bg-amarelo1{
    background-color: #FFDC65;
}
.bg-amarelo2{
    background-color: #FFD23B;
}
.bg-amarelo3{
    background-color: #C79A00;
}
.bg-amarelo4{
    background-color: #9D7900;
}





/*------------------------------------*\
  #LARANJA
\*------------------------------------*/
.laranja{
    color: #FF6700;
}
.laranja1{
    color: #FFA364;
}
.laranja2{
    color: #FF8939;
}
.laranja3{
    color: #C65000;
}
.laranja4{
    color: #9B3F00;
}

.bg-laranja{
    background-color: #FF6700;
}
.bg-laranja1{
    background-color: #FFA364;
}
.bg-laranja2{
    background-color: #FF8939;
}
.bg-laranja3{
    background-color: #C65000;
}
.bg-laranja4{
    background-color: #9B3F00;
}





/*------------------------------------*\
  #AZUL
\*------------------------------------*/
.azul{
    color: #00CDCD;
}
.azul1{
    color: #53D9D9;
}
.azul2{
    color: #29D2D2;
}
.azul3{
    color: #00A4A4;
}
.azul4{
    color: #007979;
}

.bg-azul{
    background-color: #00CDCD;
}
.bg-azul1{
    background-color: #53D9D9;
}
.bg-azul2{
    background-color: #29D2D2;
}
.bg-azul3{
    background-color: #00A4A4;
}
.bg-azul4{
    background-color: #007979;
}





/*==========================================*\
  #POSITIONS
/*------------------------------------------*\
  #GERAL
\*------------------------------------------*/

body{
	margin:0;
	padding:0;
    min-height: 100vh;
    background-color: #FFC504;
    
    background-image: url(../imagens/bg_top.png);
    background-position: top  left;
    background-repeat: no-repeat;
    background-size:100%;
}

#geral{
    background-image: url(../imagens/bg_bottom.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size:100%;
    min-height: 100vh;
}
section{
    
}
.boxe_leitura{
    background-image: url(../imagens/transp25.png);
    padding: 2rem;
}





/*------------------------------------------*\
  #HEADER
\*------------------------------------------*/

header{
}
header h1 img{
    width: 100%;
    height: auto;
}





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

.bloco_home{
    position: relative;
}
.bloco_home h2{
    font-size: 20px;
    color: #FFF;
    top: 0;
    left: 0;
    position: absolute;
    transform: translateY(-60%);
}





/*------------------------------------------*\
  #OFICINAS
\*------------------------------------------*/

.oficina{}
                                
.oficina .oficina_titulo{
    background-color: #53D9D9;
    cursor: pointer;
}

.oficina .oficina_titulo .ico{
    padding: 0.5rem;
}
.oficina .oficina_titulo.fechado .ico .fecha{
    display: none;
}
.oficina .oficina_titulo.fechado .ico .abre{
    display: block;
}
.oficina .oficina_titulo.aberto .ico .fecha{
    display: block;
}
.oficina .oficina_titulo.aberto .ico .abre{
    display: none;
}

.oficina .oficina_titulo .b_titulo{
    padding: 0.5rem;    
    font-weight: 300;
    font-size: 18px;}

.oficina .oficina_titulo .b_titulo .titulo{
    color: #333;
    font-weight: 500;
}

 .oficina .oficina_titulo .b_titulo .ministrante{
    color: #FFF;
}

.oficina .oficina_conteudo{
    display: none;    
    padding: 0.5rem; 
}

.oficina .oficina_conteudo .b_ministrante .curriculo{
    width: 60%;
    padding-right: 0.5rem;
    font-size: 0.8em;
}
.oficina .oficina_conteudo .b_ministrante .foto{
    width: 40%;    
}
.oficina .oficina_conteudo .b_ministrante .foto img{
    width: 100%;    
}

                                    



/*------------------------------------------*\
  #KITS
\*------------------------------------------*/

.b_kit .detalhes {
    display: none;
    font-size: 0.8em;
}
.btn_detalhes.fechado .ico .fecha{
    display: none;
}
.btn_detalhes.fechado .ico .abre{
    display: inline;
}
.btn_detalhes.aberto .ico .fecha{
    display: inline;
}
.btn_detalhes.aberto .ico .abre{
    display: none;
}

                                    



/*------------------------------------------*\
  #MENTORES
\*------------------------------------------*/

.mentores {
    display: none;
}
.btn_mentores.fechado .ico .fecha{
    display: none;
}
.btn_mentores.fechado .ico .abre{
    display: inline;
}
.btn_mentores.aberto .ico .fecha{
    display: inline;
}
.btn_mentores.aberto .ico .abre{
    display: none;
}





/*------------------------------------------*\
  #BRINDES
\*------------------------------------------*/

.brinde{ 
    text-align: center;
    padding: 0.5rem;
    background-color: #FFF;
}
.img_brinde{
    margin: 0 auto 0.5rem auto;
}
.titulo_brinde{
    font-weight: 300;
    font-size: 18px;    
}
.titulo_preco{
    font-weight: 600;
    font-size: 18px;    
}





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

footer{
}
footer .logo img{
    height: 50px;
}
footer .legal{
    font-size: 0.8em;    
}






/*==========================================*\
  #IMPRESSÃO
\*------------------------------------------*/
@media print {
    
    @page {
      margin: 30mm 20mm;
    }
    
    body{
        padding: 0;
        margin: 0;
    }
    
    header h1 img{
        width: auto !important;
        height: 20mm;
    }
    
    .quebra_pagina_antes{
        page-break-before: always;
        -webkit-region-break-before: always;
        page-break-inside: avoid;
        -webkit-region-break-inside: avoid;
    }    
    .quebra_pagina_depois{ 
        page-break-after: always;
        -webkit-region-break-after: always;
        page-break-inside: avoid;
        -webkit-region-break-inside: avoid;
    }
    
}





/*==========================================*\
  #BREAKPOINTS
/*------------------------------------------*\
  #MD
\*------------------------------------------*/
@media (max-width: 768px) { 
    

    
}

/*------------------------------------------*\
  #SM
\*------------------------------------------*/
@media (max-width: 576px) { 
    
}