/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
	h1 { font-size: 1.75em; margin: 2.5em 0 .5em 0; }
	h2 { font-size: 1.5em; margin: 0 0 .5em 0; }
	h3 { font-size: 2em; margin: 0 0 .5em 0; }
	h5 { font-size: 1.5em; padding: .45em; line-height: 1.15em; }
	h6 { font-size: 1em; padding: .45em; line-height: 1.15em; }
	h8 { font-size: 1.5em; padding: .45em; line-height: 1.15em; }
	h9 { font-size: 2em; padding: .45em; line-height: 1.15em; }
	h10 { font-size: 1em; margin: 0 5px 0 5px; font-style: italic; color: #999; }
	
	nav { height: 150px; margin-top: 20px; position: relative; }
	header ul { padding-top: 45px; margin-left: auto; margin-right: auto; }
	
	a.size { font-size: 18px; }
	
	.combo img { width: 100%; }
	
	p, pre { margin: 1em 0 0 0; }
	p.testemunho-autora { margin: 3em 1.5em; }
	body { line-height: 1.5em; }
	.text-prefacio-mobile { line-height: 1.5; text-align: center; }
	
	.hero { background: url("../img/hero/livros-empilhados.jpg") no-repeat center center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 800px; height: 300px; box-shadow: inset 5px 13px 10px -15px #000000; }
	.hero-sobre_1 { background: url(../img/hero/hero-sobre_1.jpg) no-repeat center right #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700; height: 300px; }
	.hero-autora { background: url(../img/hero/hero-bg_autora.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; }
	.hero-prefacio { background: url(../img/hero/hero-bg_prefacio.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; }
	.hero-apresentacao { background: url(../img/hero/hero-bg_apresentacao_2.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; }
	.hero-moleskine { background: url(../img/hero/hero-bg_moleskine.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; }
	.hero-livros { background: url(../img/hero/hero-bg_livros.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; }
	.hero-cartonera { background: url(../img/hero/hero-bg_cartonera.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; }
	
	.hero-resenha-clarice { background: url(../blog/paixao-segundo-gh/filme_1.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	.hero-noite-de-sexta { background: url(../blog/noite-de-sexta/noite-de-sexta_hero.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	.hero-cronica-desacredito { background: url(../blog/desacredito/mulher-vinho.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	.hero-nexus { background: url(../blog/nexus/nexus.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	.hero-ensaio-substancia { background: url(../blog/substancia/hero-substancia.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	.hero-ai { background: url(../blog/ai/hero-ai.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	.hero-trump { background: url(../blog/destruidor/hero-destruidor.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 500px; height: 250px; }
	.hero-astrology { background: url(../blog/astrology/hero-astrology.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 500px; height: 300px; }
	.hero-desencanto-natalino { background: url(../blog/desencanto-natalino/desencanto-natalino_thumb.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 500px; height: 300px; }
	
	.hero-poemas { background: url(../poemas/hero_poemas.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 700px; height: 300px; }
	
	/* ============================================================= */
	
	.section-1 { background: url(../img/livros/maluquete_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-2 { background: url(../img/livros/piscina_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-6 { background: url(../img/livros/mario-rosina_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 340px; position: relative; display: none; }
	.section-12 { background: url(../img/livros/dilacera_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-13 { background: url(../img/livros/adagios_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-16 { background: url(../img/livros/mergulho_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-17 { background: url(../img/livros/the-dive_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-16-vasc { background: url(../img/livros/mergulho_big_2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-17-vasc { background: url(../img/livros/the-dive_big_2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	
	
	/* ==== IMAGEM DO FINAL DA PAG. SOBRE, AO LADO DO POEMA ===*/

	.section-3 { background: url(../img/autora/ana-karina-luna.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 380px; position: relative; }
	
	.section-text-autora-poema { position: relative; height: 560px; }
	
	/* =========================================================*/
	
	.section-7 { background: url(../img/livros/vestido_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 340px; position: relative; display: none; }
	.section-8 { background: url(../img/livros/maluquete_conchas.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 450px; position: relative; }
	.section-9 { background: url(../img/livros/piscina_desenho.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 450px; position: relative; }
	.section-10 { background: url(../img/livros/mario-rosina_cristais.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 450px; position: relative; }
	.section-11 { background: url(../img/livros/mergulho_trecho.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 450px; position: relative; }
	
	
	/* ==========================================================================
					        	HOME
	========================================================================== */
	
	/* ==== UNUSED starts ======= */
	
	.section-1A { background: url(../img/livros/maluquete_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-2A { background: url(../img/livros/piscina_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; display: none; }
	.section-6A { background: url(../img/livros/mario-rosina_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 300px; position: relative; }
	
	.section-5A { background: url(../img/autora/autora_blog.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 450px; }
	
	/* ==== UNUSED starts ======= */
	
	.section-autora { background: url(../img/autora/ana-karina-luna.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 350px; }
	
	.section-livros { background: url(../img/livros/livros_mix_hero.png) no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 700px; height: 400px; }
	
	
	/* =================================================================== */
	
	.section-1-mobile { background: url(../img/livros/maluquete_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 335px; position: relative; display: block; }
	.section-2-mobile { background: url(../img/livros/piscina_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 335px; position: relative; display: block; }
	.section-6-mobile { background: url(../img/livros/mario-rosina_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	.section-12-mobile { background: url(../img/livros/dilacera_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	.section-13-mobile { background: url(../img/livros/adagios_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	.section-16-mobile { background: url(../img/livros/mergulho_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	.section-17-mobile { background: url(../img/livros/the-dive_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	.section-16-mobile-vasc { background: url(../img/livros/mergulho_big_2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	.section-17-mobile-vasc { background: url(../img/livros/the-dive_big_2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	
	.section-7-mobile { background: url(../img/livros/vestido_big.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 600px; height: 340px; position: relative; display: block; }
	
	.discover { background-color: #282f35; padding: 20px 0; text-align: center; }
	.discover-1 { background-color: #282f35; padding: 30px 0; text-align: center; }
	
	p.text-intro { font-size: 18px; }
	p.text-intro-sobre { font-size: 16px; line-height: 1.6em; text-align: justify; padding: 0 1em; }
	.intro { padding: 50px 20px; }
	.intro-loja { padding: 30px 20px; }
	.text-retire-envio { font-size: 14px; }
	.sinopse-book-page { font-size: 16px; }
	
	.small-featured-img { height: 200px; width: 100%; position: absolute; bottom: 0; display: none; }
	.intro-prefacio { padding: 115px 0 50px 0; background-color: #fbfbfb; }
	.citacao-apresentacao { padding: 0 3em; }
	
	p.text-prefacio { font-size: 20px; text-align: left; margin-left: 1em; margin-right: 1em; }
	p.text-poema { font-size: 18px; text-align: left; }
	p.text-poema-center { font-size: 18px; text-align: center; }
	p.text-citacao { font-size: 18px; font-weight: bold; font-family: 'gentium-book-basic'}
	p.text-depoimentos { padding: 0 1em; font-size: 15px; }
	.text-poema-prefacio { font-size: 16px; padding: 0 2em 0 2em; text-align: left; }
	.section-bio p { padding: 0 20px; text-align: center; font-size: 16px; line-height: 1.6em; }
	.section-publicados p { padding: 2em 1em ; text-align: left; font-size: 16px; line-height: 1.8em; }
	.section-text { position: relative; height: 350px; }
	.section-text-livros { position: relative; height: 550px; }
	.section-text-livro { position: relative; height: 400px; text-align: left; margin: 0 2em 0 2em !important; }
	
	.trecho-romances p { font-size: 16px; text-align: justify; color: #A3A3A3; line-height: 1.5em; margin: 1em; }
	
	p.poema-blog { font-size: 26px; font-family: 'gentium-book-basic'; text-align: left; font-weight: 300; line-height: 1,25em; padding: 0 0 0 1em; }
	
	.section-L4 { background: url(../img/livros/dilacera-adagios_mobile.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 400px; position: relative; display: block; }
	
	
	/* ==========================================================================
	Apresentação "Piscina"
	========================================================================== */

	.bernini { width: 350px; }
	.smaller-font { font-size: 16px; line-height: .5em; }

	
	/* ==========================================================================
	VIDEO WRAPER
	========================================================================== */ 

	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}
	.videoWrapper iframe,
	.videoWrapper embed,
	.videoWrapper object {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	
	.video-size { width: 100%; }

	/* ==========================================================================
	VIDEO RESPONSIVE
	========================================================================== */

	video {
  	width: 100%;
  	height: auto;
	}
	
	.carrinho-mobile { text-align: right; display: block; margin: 6px 3px 0 0; }
	.carrinho {display: none; }
}
@media screen and (max-width:1200px) {
    p {font-size: 14px; }
    .thin-sep { display: none; }
    .arrow { display: none; }
	
    nav { height: auto; width: 100%; background: none; margin: 0 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; line-height: 3em; }
    nav li { width: 100%; float: center; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: center; position: relative; padding: 0px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
	
	.carrinho-mobile { text-align: right; display: block; margin: 6px 3px 0 0; }
	.carrinho {display: none; }
	
	/* ========= logo para a loja via Yampi ============= */
	
	.responsive-logo { background: url(../img/logo/logo_lua-negra_mobile.png) no-repeat left center; background-size: 110px; width: 215px; height: 40px; position: absolute; top: 7px; left: 5%; display: block; }

	/* ================================================== */

	/* ====== logo para a minha loja via PagSeguro ======= */

	.responsive-logo-loja { background: url(../img/logo/logo_lua-negra_mobile.png) no-repeat center center; width: 69px; height: 80px; position: absolute; top: 25px; left: 10%; display: block; }
	
	/* ================================================== */
	
	.logo-holder { position: absolute; display: none; z-index: 999; }
	.logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
}
@media only screen and (max-width:1200px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 100%; text-align: right; padding: 20px 20px 0 0; }
    .pullcontainer a#pull { display: block; width: 100%; color: #242a2c; }
}


/* ==========================================================================
GRIDS FOR IMAGES = LOJA + HOME + BOOK PAGE - 1 IMAGE/ROW
========================================================================== */

/* (D) ON SMALL SCREENS - 1 IMAGES PER ROW */
@media only screen and (max-width: 600px) {
  .gallery { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .book-page { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .book-home { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .book-home img { width: 100%; }
  .sinopse-text-home { font-size: 15px; }
}