/*
* FONTS
*/
@font-face {
  font-family: "ComicRelief-Bold";
  src:
    local("ComicRelief-Bold"),
    url("fonts/Comic_Relief/ComicRelief-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "ComicRelief";
  src:
    local("ComicRelief-Regular"),
    url("fonts/Comic_Relief/ComicRelief-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  src:
    local("Inter-All"),
    url("fonts/Inter/Inter-All.ttf") format("truetype");
}
@font-face {
  font-family: "Inter-Italic";
  src:
    local("Inter-Italic"),
    url("fonts/Inter/Inter-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Chalkboard_Bold";
  src:
    local("Chalkboard_Bold"),
    url("fonts/Chalkboard_Bold/Chalkboard_Bold.ttf") format("truetype");
}

/* 
* Header & Footer
*/
header nav{
	background: #FFF;
	border-bottom: solid 2px #E7E8F6;
}

header nav .nav-logo-img{
	margin-top: -4px;
}
header ul li a.nav-link {
    font-family: 'Chalkboard_Bold';
}
.nav-link{
	color: #4452C1;
	text-align: center;
}
.nav-link:hover,
.navbar-nav .nav-link.active{
	color: #40348B;
	font-family: 'Chalkboard_Bold';
}
footer .container-fluid{
	border-top: solid 2px #E7E8F6;
	background: #FFF;
}
footer p {
    margin: 0;
    padding: 2em 0;
}
footer img{
	max-width: 12%;
}
.nav-item:has(.active) {
	background-image: url(img/bg_menu.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 1s ease;
    transition: all 0.5s ease;
}

/*
* Gerais
*/
html, body {
    overflow-x: hidden;
}
.font-inter{
	font-family: 'Inter';
}
.font-comic-bold{
	font-family: 'ComicRelief-Bold';
}
.font-chalkboard-bold{
	font-family: 'Chalkboard_Bold';
}
.font-bold{
	font-weight: bold;
}
.cor-1{
	color: #234E9A;
}
h1.animate__animated{
	margin-top: 120px;
}

/*
* SOBRE O LIVRO
*/
#sobre-o-livro{
	padding-top: 150px;
}
#sobre-o-livro p{
	font-size: 16px;
}

#sobre-o-livro{
	background-image: url('img/respingos_1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

/*
* RECURSOS DE ACESSIBILIDADE
*/
#recursos-de-acessibilidade h1,
#dicas-para-professores h1 {
	font-family: "Chalkboard_Bold";
	color: #4452C1;
	font-size: 36px;
}
#recursos-de-acessibilidade h1 span,
#dicas-para-professores  h1 span{
	color: #7132ED;
}

#recursos-de-acessibilidade p:not('.boa-leitura'){
	font-size: 18px;
}
.boa-leitura{
	color: #4452C1;
    border: solid 2px #4452C1;
    border-radius: 40px;
    padding: 5px 5px;
    width: 130px;
    margin: 1.5em auto;
    font-family: 'Chalkboard_Bold';
    font-size: 16px;
}
.btn-lilas {
    color: #4452C1;
    background: #E7E8F6;
    border-radius: 50px;
    padding: 10px 0;
    width: 300px;
    font-family: 'Chalkboard_Bold';
    font-size: 16px;
    cursor: pointer;
}
.btn-lilas:hover, .btn-lilas.active {
    background: #40348B;
    color: #FFF;
}

/*
* FORMATOS LIVRO
*/
#formatos-do-livro h1 {
	font-family: 'Chalkboard_Bold';
	color: #234E9A;
	font-size: 36px;
}
#formatos-do-livro h1 span{
	color: #7132ED;
	font-size: 26px;
}
#formatos-do-livro img{
	max-width: 400px;
}
.formatos-special-align{
	margin: -120px 130px 0 115px;
}

#formatos-do-livro a.btn{
	background: #E7E8F6;
    color: #4452C1;
    font-family: 'Chalkboard_Bold';
    padding: 10px 0;
    border-radius: 50px;
    min-width: 300px;
    margin-bottom: 15px;
}
#formatos-do-livro a.btn:hover{
    background: #40348B;
    color: #FFF;
}

#formatos-do-livro h4{
	font-size: 16px;
    margin: 0;
    padding: 0;
}
#formatos-do-livro .bg-aquarela{
	background-image: url('img/bg_aquarela.png');
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 850px;
	margin-top: -100px;
	padding-top: 150px;
}
#formatos-do-livro hr{
	margin: 0 0 100px 0;
    width: 100%;
    opacity: 1;
    border: 0;
    border-bottom: solid 2px #E7E8F6;
}

/*
* DICAS PARA OS PROFESSORES
*/
#dicas-para-professores{
	background-image: url('img/aquarela_sup_dir.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 87px;
}
.ilustracoes-dicas{
	width: 450px;
	max-width: 100%;
}
.ilustracoes-dicas2{
	width: 750px;
	max-width: 100%;
	margin: 2em 0;
}
.respingos_bg_bottom {
    background: url('img/respingos_4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}
.round-bg{
    background: url('img/fundo_curvo.png');
    background-size: 100% 100%;
    padding: 156px 130px;
    margin: 2em 0;
    background-repeat: no-repeat;
}

#dicas-para-professores .creditos p{
	font-family: 'Inter';
	color: #4452C1;
	font-size: 16px;
	font-weight: bold;
}
#dicas-para-professores .creditos p small{
	font-weight: normal;
	color: #000;
	font-size: 16px;
}

/*
* RESPONSIVIDADE
*/
@media (max-width:950px) {

}
@media (max-width:568px) {
	#sobre-o-livro img{
		max-width: 75%;
	}
	.align-center-mobile{
		text-align: center;
	}
	footer p{
		flex-wrap: wrap;
		gap: 2em;
	}
	footer img{
		max-width: 165px;
	}
	.ilustracoes-dicas{
		max-width: 70%;
	}
	.ilustracoes-dicas2{
		max-width: 85%;
	}
	.round-bg{
	    background: #E7E8F6;
	    padding: 1em;
	    margin: 0;
	    background-repeat: no-repeat;
	}
	#dicas-para-professores{
		background-position-y: 90px;
	}
}