/*  
Theme Name: Mamãe de Primeira Viagem
Theme URI: http://mamaedeprimeiraviagem.com
Description: Blog da Mariana Belém
Version: 2.0
Author: Fabio Lobo
Author URI: http://fabiolobo.com.br
*/



/* FONTS */

@font-face {font-family: 'droid_sansregular'; src: url('fonts/droidsans-webfont.eot'); src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidsans-webfont.woff2') format('woff2'), url('fonts/droidsans-webfont.woff') format('woff'), url('fonts/droidsans-webfont.ttf') format('truetype'), url('fonts/droidsans-webfont.svg#droid_sansregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'droid_sansbold'; src: url('fonts/droidsans-bold-webfont.eot'); src: url('fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidsans-bold-webfont.woff2') format('woff2'), url('fonts/droidsans-bold-webfont.woff') format('woff'), url('fonts/droidsans-bold-webfont.ttf') format('truetype'), url('fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'berkshire_swashregular'; src: url('fonts/berkshireswash-regular-webfont.eot'); src: url('fonts/berkshireswash-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/berkshireswash-regular-webfont.woff') format('woff'), url('fonts/berkshireswash-regular-webfont.ttf') format('truetype'), url('fonts/berkshireswash-regular-webfont.svg#berkshire_swashregular') format('svg'); font-weight: normal; font-style: normal;}


/* HTML5 IE */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {display: block;}



/* HTML */

body {margin: 0; font-size: 16px; line-height: 24px; background-image: url("images/fundo.jpg"); position: relative;}
body, input, select, textarea, button {font-family: 'droid_sansregular', Arial, Verdana, Tahoma, sans-serif; color: #666;}

	/* LINKS */

	a img {border: 0;}
	a {color: #f48062; text-decoration: none;}
	a:hover {text-decoration: underline;}

	/* FORMULÁRIOS */

	form, fieldset, input, select, textarea, button {color: #666; margin: 0; font-size: 16px;}
		fieldset {margin: 0; padding: 0; border: 0;}
			label {display: block; font-weight: bold;}
			input, select, textarea, button {border: 0; padding: 0 15px; background-color: #fdedce; vertical-align: top; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
			input, select, button, input[type="submit"], input[type="button"] {height: 50px;}
			input::-webkit-input-placeholder {color: #666;}
			input:-moz-placeholder {color: #666;}
			input:-ms-input-placeholder {color: #666;}
			.wpcf7-text, .wpcf7-captchar {padding: 0 2%;}
			.wpcf7-captchar {width: 20%; margin-right: 15px;}
			.wpcf7-text, .wpcf7-textarea {width: 96%;}
			.wpcf7-textarea {padding: 2%;}
			input[type="checkbox"], input[type="radio"] {padding: 0; width: auto; height: auto;}
			button, input[type="submit"], input[type="button"] {font-family: 'berkshire_swashregular'; font-size: 21px; background-color: #f48062; color: #FFF; cursor: pointer; -webkit-appearance: none;}
			.wpcf7-submit {padding: 0 5%; float: right;}

	/* TAGS ESSENCIAIS */

	blockquote {min-height: 75px; padding: 10px 0 0 70px; margin: 30px 0; font: 1.467em/1.227em 'berkshire_swashregular', serif; color: #666; text-align: justify; background: url("images/blockquote.png") no-repeat 0 0;}

	/* IMAGENS */

	img, .alignnone, .aligncenter, .alignright, .alignleft, .wp-caption {border: 0;}

	.alignnone, .aligncenter, .alignright, .alignleft {display: block; margin: 0;}
	.alignnone, .alignright, .alignleft {text-align: left;}
	.aligncenter {text-align: center;}
	.aligncenter, .aligncenter img {margin: 0 auto;}
	.alignright, .alignleft {margin: 5px 0;}
	.alignright {padding-left: 20px; float: right;}
	.alignleft {padding-right: 20px; float: left;}
		.wp-caption.aligncenter .wp-caption-text {text-align: center;}
		.wp-caption.alignleft .wp-caption-text {padding-right: 10px;}
		.wp-caption.alignleft img {float: left;}
		.wp-caption.alignright .wp-caption-text {padding-left: 10px;}
		.wp-caption.alignright img {float: right;}
		.wp-caption img {display: block; clear: both;}
		.wp-caption-text {margin: 0; padding: 1px 0 5px 0; font-style: italic; font-size: 12px;}

	/* TÍTULOS */

	h1, h2, h3, h4, h5, h6 {font-family: 'droid_sansbold'; font-weight: normal;}
	h1, h2, .secao {font-size: 30px; line-height: 30px;}
	#topo h1 {margin: 0;}
	.resumo h2 {margin: 15px 0 5px 0;}
	.secao {margin: 30px 0 0 0; padding: 12px 15px; background-color: #f48062;}
	.post .secao {margin: 0;}
	.secao, .secao a {color: #FFF;}
	h3 {font-size: 21px; line-height: 21px;}
	.widget h3 {margin: 0 0 5px 0; color: #aa4a3f;}
	#rodape .widget h3 {margin-bottom: 10px;}

	/* PADRÕES */

	#topo, #menu, #principal, .box, #rodape, #creditos {clear: both; position: relative;}
	#topo, #menu, #rodape, #creditos {width: 100%; z-index: 1;}
	.box {display: block; width: 1200px; margin: 0 auto;}

	ul.reset {margin: 0; padding: 0; list-style: none;}

	.rs-wrap, .chamada, .post, .resumo, #lateral .widget {background-color: #FFF; border: 5px solid #FFF;}



	/* TOPO */

	#topo {margin-bottom: 90px;}

		#topo .box {height: 200px; background: url("images/ilustracao.png") no-repeat 707px 0;}

			#logo {width: 279px; height: 147px; text-indent: -9999px; background-image: url("images/logo.png"); position: absolute; top: 24px; left: 160px;}

			#abre-menu {display: none;}
			#menu {height: 60px; background-color: #f48062; z-index: 2; position: absolute; top: 200px;}
				#menu ul {white-space: nowrap; padding: 0; font-size: 0; font-family: 'droid_sansbold';}
					#menu li {display: inline-block; margin-left: 118px; font-size: 16px; line-height: 16px; position: relative;}
					#menu li:first-child {margin-left: 0;}
						#menu li a {display: block; height: 20px; padding: 24px 0 6px 0; color: #FFF;}
						#menu li a:hover, #menu .current-menu-item a, #menu .current-menu-ancestor a, #menu .current-menu-parent a {border-bottom: 10px solid #fed38a; text-decoration: none;}
						#menu .sub-menu {display: none; width: 100px; padding: 0; list-style: none; position: absolute; top: 50px; left: 0; background-color: #fed38a;}
						#menu li:hover .sub-menu {display: block;}
							#menu .sub-menu li {display: block; margin: 0;}
								#menu .sub-menu a {color: #f48062; height: auto; padding: 10px; border-top: 1px solid #FFF;}
								#menu .sub-menu li:first-child a {border: 0;}
								#menu .sub-menu a:hover {color: #aa4a3f; border-bottom: 0;}

			.banner-topo {width: 100%; height: 90px; padding: 30px 0; background-color: #FFF;}
			#topo-superbanner {margin-top: -30px;}
				#topo-superbanner .banner, #topo-halfbanner .banner {margin: 0 auto; text-align: center;}
				#topo-superbanner .banner {width: 728px; height: 90px;}
			#topo-halfbanner {display: none;}



	/* CONTEÚDO */

	#principal {height: auto; overflow: hidden; z-index: 1;}
	.home #principal {margin-top: 30px;}



		/* DESTAQUES */

		#destaques {width: 100%; height: 456px; overflow: hidden; float: left;}

			.rs-wrap {position: relative; z-index: 2; float: left;}
			.rs-wrap, #slider, .rs-slider li {width: 860px!important; height: 446px;}
				#slider {overflow: hidden; margin: 0; padding: 0; list-style: none;}
					.rs-slider > li {filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative;}
					.rs-slider li img, .rs-slider li a {display: block;}
					.rs-slider li img {width: 860px; height: 446px;}
					.rs-prev, .rs-next {width: 32px; height: 32px; position: absolute; background: url("images/setas-slider.png") no-repeat; text-indent: -9999px; top: 207px; z-index: 4;}
					.rs-prev {left: 15px; background-position: 0 100%;}
					.rs-next {right: 15px; background-position: -37px 100%;}

					.rs-caption {width: 100%!important; position: absolute; bottom: 0;}
						#destaques strong {display: table; padding: 0 15px; color: #aa4a3f; font-weight: normal; font-family: 'berkshire_swashregular'; background-color: #FFF;}
						#destaques h2 {margin: 0;}
							#destaques h2 a {display: block; padding: 10px 15px; color: #FFF; background-color: #f48062;}
							#destaques h2 a:hover {color: #f48062; text-decoration: none; background-color: #fed38a;}

			.chamada {width: 290px; height: 203px; position: relative; overflow: hidden; margin-bottom: 30px; float: right;}
				.chamada img {width: 290px; height: 203px; display: block;}
				.chamada span {width: 100%; position: absolute; bottom: 0;}
						#destaques .chamada strong a {padding: 0 10px;}
					#destaques .chamada h2 {font-size: 16px; line-height: 18px;}
						#destaques .chamada h2 a {padding: 10px;}



		/* POSTS */

		#posts, .wp-pagenavi {width: 870px; float: left;}

			.resumo {width: 380px; height: 455px; overflow: hidden; padding: 0 15px; margin-top: 30px; float: left;}
			.resumo.alt {float: right;}
				.resumo .thumb {margin-left: -15px;}
				.resumo .thumb, .resumo .thumb img {width: 410px; height: 240px; display: block; position: relative;}
				.resumo .thumb strong {font-weight: normal; padding: 0 15px; color: #FFF; font-family: 'berkshire_swashregular'; background-color: #f48062; position: absolute; bottom: 0;}
				.resumo .data {font-size: 14px; color: #000; font-style: italic;}
					.resumo h2 a {color: #aa4a3f;}
				.resumo p {margin: 0 0 15px 0;}

			.banner-post {width: 100%; float: left; clear: both;}
				#post-fullbanner .banner {width: 468px; height: 60px; margin: 30px auto 0 auto;}
			#post-halfbanner {display: none;}

			.post {margin-top: 30px; width: 100%; border: 0;}
			.post, .conteudo, #compartilhe, .por {float: left; clear: both;}

				.conteudo, #compartilhe, .por {width: 840px; margin: 15px; text-align: justify;}
				.conteudo {text-align: justify;}
					.conteudo ul, .conteudo ol {margin: 15px 0 15px 15px; padding: 0; list-style-position: inside;}
					.conteudo ul {list-style-type: disc;}
					.conteudo ol {list-style-type: decimal;}
					.conteudo img {height: auto;}
					.conteudo img, .conteudo embed, .conteudo object, .conteudo iframe, .conteudo div {max-width: 100%;}
					.conteudo embed, .conteudo object, .conteudo iframe {margin: 0 auto; display: block;}

				#compartilhe {margin: 15px; clear: both;}
					#compartilhe li {margin-left: 20px; float: left;}
					#compartilhe li:first-child {margin-left: 0;}

					.por {margin-top: 15px; padding-top: 15px; font-size: 14px; border-top: 1px solid #cfecf6;}
						.por img {margin-right: 15px; float: left;}
						.por strong {font: normal 16px 'berkshire_swashregular';}
						.por strong, .por span {display: block;}
							.por strong a {color: #aa4a3f;}

			.wp-pagenavi {margin-top: 30px; padding: 20px 0; font-size: 21px; line-height: 30px; font-family: 'droid_sansbold'; text-align: center; background-color: #FFF; clear: both;}
			.wp-pagenavi, .wp-pagenavi .current {color: #666;}
				.wp-pagenavi span, .wp-pagenavi a {padding: 0 15px; display: inline;}



		/* LATERAL */

		#lateral {width: 300px; font-size: 14px; line-height: 18px;}
		#lateral {float: right;}
			.widget {width: 270px; padding: 10px; margin-top: 30px; float: right; clear: both;}

				.widget.lista ul, .widget.lista ol {margin: 10px 0 0 0; color: #f48062; padding: 0; list-style-position: inside; border-top: 1px solid #cfecf6;}
				.widget.top ul {list-style-type: decimal;}
					.widget.lista li {margin: 0; padding: 15px 0; border-bottom: 1px solid #cfecf6;}

			#lateral .widget.anuncio {width: 300px; border: 0; padding: 0;}
				#lateral .widget.anuncio * {display: block;}

				#busca {font-size: 0;}
					#busca * {display: inline;}
					#busca input {width: 193px; padding-right: 0;}
					#busca button {width: 62px; padding: 0; text-indent: -9999px; background: #fdedce url("images/busca.png") no-repeat 50% 50%;}

				#midias-sociais {margin: 15px 0 0 -17px;}
					#midias-sociais li {margin-left: 17px; float: left;}
						#midias-sociais a {display: block; width: 40px; height: 40px; text-indent: -9999px; background: url("images/social.png");}
						#midias-sociais .twitter {background-position: -45px 0;}
						#midias-sociais .instagram {background-position: -90px 0;}
						#midias-sociais .youtube {background-position: -135px 0;}
						#midias-sociais .feed {background-position: -180px 0;}

			#newsletter {background: url("images/newsletter.png") no-repeat 222px 0;}
				#newsletter p {margin: 0 0 5px 0;}
				#feedburner {font-size: 0; background-color: #fdedce;}
					#feedburner * {display: inline;}
					#feedburner input {width: 193px; padding-right: 0;}
					#feedburner button {width: 32px; height: 32px; padding: 0; margin: 9px 0 0 14px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}

			#twitter {background: url("images/twitter.png") no-repeat 221px 0;}
				.twitter-timeline {font-family: 'droid_sansregular'!important;}

				#anuncie, #anuncie li {border: 0; float: left;}
				#anuncie {width: 310px; margin: -20px 0 0 -20px;}
					#anuncie li {margin: 20px 0 0 20px; float: left;}
						#anuncie li * {display: block;}



	/* RODAPÉ */

	#rodape {background-color: #FFF; margin-top: 30px; font-size: 14px; float: left;}

			#rodape .coluna {margin: 0 0 0 30px; float: left;}
			#rodape .coluna1 {margin: 0;}
			#rodape .coluna1, #rodape .coluna2 {width: 420px;}
					.instagram-image {margin-left: 46px; float: left;}
					#instagram-image-1 {margin-left: 0;}
							.instagram-image img {display: block; width: 70px; height: 70px;}
			#rodape .coluna3 {width: 300px;}
				#rodape .widget {width: 100%; padding: 0; margin-top: 30px;}

		#creditos {height: 60px; margin-top: 30px; line-height: 14px; color: #fed38a; font-family: 'berkshire_swashregular'; background-color: #f48062; float: left;}
			#creditos .box {margin-top: 25px;}
				#creditos a {color: #FFF;}
				#fabiolobo {width: 32px; height: 32px; text-indent: -9999px; background-image: url("images/fabiolobo.png"); position: absolute; top: -9px; right: 0;}



	/* CALCULADORA */

	#calculadora-iframe {display: block; width: 300px; height: 270px; border: 0; margin: 0 auto; overflow: hidden;}

	#calculadora {background: #FFF; overflow: hidden;}
	#calculadora, #calculadora form, #calculadora fieldset {font-size: 14px; line-height: 18px;}
			#calculadora p {margin: 0;}
			#calculadora .resultados p {margin-bottom: 15px;}
				#calculadora fieldset {clear: both; margin: 10px 0;}
					#calculadora fieldset p {display: inline-block; margin-top: 15px;}
					#calculadora select {padding-right: 0;}
					#calculadora .dia, #calculadora .dias {width: 60px;}
					#calculadora .mes {width: 140px; margin: 0 10px;}
					#calculadora .ano {width: 80px;}
					#calculadora .dias {float: right;}
				#calculadora .calcular {padding: 0; margin-top: 10px; width: 100%; color: #fed38a; background-color: #aa4a3f;}



/* RESPONSIVO */

/* 1024 */

@media screen and (max-width: 1260px) {

	/* TÍTULOS */

	.resumo h2 {font-size: 21px; line-height: 21px;}

	/* PADRÕES */

	.box {width: 960px;}

	/* TOPO */

		#topo .box {background-position: 467px 0;}

					#menu li {margin-left: 72px;}

		/* DESTAQUES */

		#destaques {height: 330px;}

			.rs-wrap, #slider, .rs-slider li {width: 620px!important; height: 320px;}
					.rs-slider li img {width: 620px; height: 320px;}
					.rs-prev, .rs-next {top: 144px;}

			.chamada {height: 140px;}
				.chamada img {margin-top: -31px;}

		/* POSTS */

		#posts, .wp-pagenavi {width: 630px;}

			.resumo {width: 260px;}
				.resumo .thumb, .resumo .thumb img {width: 290px; height: 170px;}

				.conteudo, #compartilhe, .por {width: 600px;}

				.wp-pagenavi span, .wp-pagenavi a {padding: 0 10px;}

	/* RODAPÉ */

			#rodape .coluna1, #rodape .coluna2 {width: 300px;}
					.instagram-image {margin-left: 6px;}
}



/* 768 */

@media screen and (max-width: 990px) {

	/* FORMULÁRIOS */
		.wpcf7-text, .wpcf7-captchar {padding: 0 5%;}
		.wpcf7-captchar {width: 30%;}
		.wpcf7-text, .wpcf7-textarea {width: 90%;}
		.wpcf7-textarea {padding: 5%;}
		.wpcf7-submit {width: 100%; padding: 0;}

	/* PADRÕES */

	.box {width: 750px;}

	/* TOPO */

		#topo .box {background-position: 362px 0;}

			#logo {left: 55px;}

					#menu li {margin-left: 30px;}

		/* DESTAQUES */

		#destaques {height: 394px;}

			.rs-wrap, #slider, .rs-slider li {width: 740px!important; height: 384px;}
					.rs-slider li img {width: 740px; height: 384px;}
					.rs-prev, .rs-next {top: 176px;}

			.chamada {display: none;}

		/* POSTS */

		#posts, .wp-pagenavi {width: 420px;}

			.resumo {width: 380px;}
				.resumo .thumb, .resumo .thumb img {width: 410px; height: 240px;}

			#post-fullbanner {display: none;}
			#post-halfbanner {display: block;}
				#post-halfbanner .banner {width: 234px; height: 60px; margin: 30px auto 0 auto;}

				.conteudo, #compartilhe, .por {width: 390px;}

					#compartilhe .mail, #compartilhe .whats {display: none;}

						.por span {display: none;}

				.wp-pagenavi span, .wp-pagenavi a {display: none;}
				.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {display: block; padding: 0 15px;}
				.wp-pagenavi .previouspostslink {float: left;}
				.wp-pagenavi .nextpostslink {float: right;}

	/* RODAPÉ */

			#rodape .coluna1 {display: none;}
			#rodape .coluna2 {width: 420px; margin-left: 0;}
					.instagram-image {margin-left: 46px;}
}



/* 480 */

@media screen and (max-width: 760px) {

	/* PADRÕES */

	.box {width: 420px;}

	/* TOPO */

	#topo {border-top: 5px solid #fed38a; margin-bottom: 0;}
		#topo .box {height: 140px; background: transparent;}

			#logo {width: 150px; height: 78px; background-image: url("images/logo-menor.png"); top: 30px; left: -75px; margin-left: 50%;}

			#abre-menu {display: block; width: 55px; height: 60px; text-indent: -9999px; background: #f48062 url("images/menu.png") no-repeat 50% 50%; position: absolute; top: -5px; right: 0; cursor: pointer;}
			#abre-menu.ativo {background-color: #fed38a;}
			#menu {display: none; height: auto; position: relative; top: 0;}
			#menu.ativo {display: block;}
				#menu ul {width: 100%; text-align: center;}
					#menu li {display: block; margin-left: 0;}
						#menu li a[href="#"] {display: none;}
						#menu li a, #menu .sub-menu a {display: block; color: #FFF; height: 20px; padding: 24px 0 18px 0; background-color: #f48062; border-top: 1px solid #FFF; border-bottom: 0;}
						#menu li a:hover, #menu .current-menu-item a, #menu .current-menu-ancestor a, #menu .current-menu-parent a {border-top: 1px solid #FFF; border-bottom: 0;}
						#menu li a:hover, #menu .sub-menu a:hover {color: #f48062; background-color: #fed38a;}
						#menu .sub-menu {display: block; width: 100%; position: relative; top: 0;}
								#menu .sub-menu li:first-child a {border-top: 1px solid #FFF;}

			.banner-topo {height: 60px; padding: 30px 0; margin-top: 0;}
			#topo-superbanner {display: none;}
			#topo-halfbanner {display: block;}
				#topo-halfbanner .banner {width: 234px; height: 60px;}

	/* CONTEÚDO */

	.home #principal, #principal {margin-top: 0;}

		/* DESTAQUES */

		#destaques {display: none;}

		/* POSTS */

					#compartilhe .like, #compartilhe .tweet, #compartilhe .plus {display: none;}
					#compartilhe .whats {display: block;}

		/* LATERAL */

		#lateral {width: 420px;}
			.widget {width: 390px;}

			#lateral .widget.anuncio {margin-right: 60px;}

					#busca input {width: 313px;}

				#midias-sociais {margin-left: -47px;}
					#midias-sociais li {margin-left: 47px;}

			#newsletter {background-position: 342px 0;}
					#feedburner input {width: 313px;}

			#twitter {background-position: 341px 0;}

				#anuncie {width: 430px; margin-left: 40px;}

	/* RODAPÉ */

			#rodape .coluna2 {display: none;}
			#rodape .coluna3 {width: 100%; margin-left: 0;}

				#creditos span {display: none;} 
}



/* 300 */

@media screen and (max-width: 430px) {

	/* PADRÕES */

	.box {width: 300px;}

		/* POSTS */

		#posts, .wp-pagenavi {width: 300px;}

			.resumo {width: 260px;}
				.resumo .thumb, .resumo .thumb img {width: 290px; height: 170px;}

				.conteudo, #compartilhe, .por {width: 270px;}

		/* LATERAL */

		#lateral {width: 300px;}
			.widget {width: 270px;}

			#lateral .widget.anuncio {margin-right: 0;}

					#busca input {width: 193px;}

				#midias-sociais {margin-left: -17px;}
					#midias-sociais li {margin-left: 17px;}

			#newsletter {background-position: 222px 0;}
					#feedburner input {width: 193px;}

			#twitter {background-position: 221px 0;}

				#anuncie {width: 310px; margin-left: -20px;}
}