/*
Theme Name: Filosofia do Bonsai
Description: Tema filho do Tema hemlock
Author: Hebert Hoffman
Template: hemlock
Version: 1.0.0
*/

@import url("../hemlock/style.css");


/*FONTES*/

@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext,greek-ext,greek,vietnamese,cyrillic,cyrillic-ext);



/*Header*/
#navigation {
	background: #180d49;
	height: 107px;
}
#top-search {
	padding: 29px 0;
}
#top-search a {
	color: #fff;
	background: #180d49;
}
#navigation .menu li a {
	font-family: "Roboto", sans-serif;
	text-transform: none;
	text-decoration: none;
}
.menu {
	float: right;
	margin-right: 41px;
	padding: 29px 0;
}
.slicknav_menu {
	background: #180d49 !important;
}
#logo {
	text-align: left !important;
	padding: 19px 0 !important;
	float: left;
}
.wrapper-geral {
	max-width: 2560px;
	width: 100% !important;
	padding:0;
	margin: 0 auto;
	text-align: center;
}
#header {
	margin-bottom: 58px;
}
.wrapper-banner {
	height: 327px;
	background-position: center;
	position:relative;
}
.banner-title {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
	width: 100%;
}
.banner h1 {
	color: #fff;
	font-family: Roboto;
	font-weight: lighter;
}
.bar-title {
	height: 2px;
	background-color: #fff;
	width: 20px;
	margin: 0 auto;
}
.wrapper-inner {
	max-width: 1280px;
	margin: 0 auto;
}
.apresentacao {
	padding: 100px 15px;
}
.apresentacao-desc {
	font-family: Roboto;
	text-align: left;
	color: #a5a5a5;
	font-weight: 300;
}
.apresentacao-desc p {
	font-size: 18px !important;
}
.apresentacao-chamada {
	color: #3b89f9;
	font-family: Roboto;
	text-align: left;
	font-weight: 200;
}
.apresentacao-chamada p {
	font-size: 38px;
	line-height: 1.2;
}
.video-title {
	color: #3b80f5;
	text-align: left;
	font-family: Roboto;
	padding: 16px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	margin: 0 !important;
	line-height: 1.2;
}
.video-desc {
	font-family: Roboto;
	color: #a5a5a5;
	text-align: left;
	line-height: 1.2;
	font-weight: 200;
}
.wrapper-videos-geral {
	background-color: #f0f0f0;
	padding: 70px 0;
}


/*BLOCO DE COMPRA DO LIVRO*/
.titulo-bloco-book {
	color: #3b89f9;
	font-family: Roboto;
	text-align: left;
	font-weight: 200;
	font-size: 38px;
	line-height: 1.2;
}
.desc-bloco-book {
	font-family: Roboto;
	text-align: left;
	color: #a5a5a5;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 40px;
	margin-top: 16px;
}
.wrapper-bloco-book {
	padding: 150px 0;
}
.btn-download-book button {
	background-color: #3b80f5;
	width: 100%;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-family: Roboto;
	padding: 10px;
	font-weight: 200;
	margin-bottom: 20px;
	line-height: 20px;
	cursor:pointer;
}
.video-item {
	margin-bottom: 32px;
}
.video-title {
	padding-top: 8px;
}
.btn-download-book img {
	margin-right: 6px;
	line-height: 20px;
}
.btn-compre-book button {
	background-color: #3019c9;
	width: 100%;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-family: Roboto;
	padding: 10px;
	font-weight: 200;
	margin-bottom: 20px;
	line-height: 20px;
	cursor:pointer;
}
.btn-compre-book img {
	margin-right: 6px;
	line-height: 20px;
}


/*FILOSOFIA*/
.wrapper-content-filosofia {
	background-repeat: no-repeat;
	background-position: right top;
	height: 1068px;
	font-family: Roboto;
	background-color: #f0f0f0;
}
.wrapper-raiz {
	background-position: right top;
}
.wrapper-copa {
	background-position: right top;
}
.wrapper-tronco {
	background-position: left top;
}
.content-filosofia {
	background-color: #fff;
	padding: 120px 90px;
}
.title-content-filosofia {
	color: #a94fd0;
	font-size: 28px;
	font-weight: 300;
}
.desc-content-filosofia {
	color: #a5a5a5;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 300;
}
.container-content-filosofia {
	padding-top: 340px;
}
.titulo-galeria {
	color: #a94fd0;
	font-size: 28px;
	font-weight: 300;
	font-family: Roboto;
	margin-bottom: 41px !important;
}
.wrapper-geral-galeria {
	background-color: #f0f0f0;
	padding: 100px 0;
}
.video-item-galeria{
	margin-bottom:30px;
}
.btn-galeria button {
	background-color: #a94fd0;
	color: #fff;
	padding: 10px 29px;
	font-family: Roboto;
	font-weight: 300;
	border: none;
	border-radius: 3px;
	line-height: 20px;
	cursor:pointer;
}
.btn-galeria {
	margin: 0 auto;
}
.btn-galeria button img {
	margin-right: 8px;
	line-height: 20px;
}
.contato-row .wpcf7-form-control.wpcf7-submit {
	float: right;
	font-family: Roboto;
	text-transform: none;
	background-color: #fff;
	color: #3b89f9;
	border-radius: 5px;
	padding: 8px 60px;
	margin: 10px 0 0;
}
.contato-row p {
	width: 100%;
	margin-top: 10px;
}
.contato-row label {
	width: 100%;
	color: #fff;
	text-align: left;
	font-family: Roboto;
	margin-top: 10px;
}
div.wpcf7 {
	margin-top: 0;
}
.wpcf7 textarea {
	width: 100% !important;
}
.wpcf7-form-control.wpcf7-text {
	width: 100%;
	margin: 0;
}
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #fff;
	background-color: #3b80f5;
	color: #fff;
	border-radius: 0;
}
div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
	background-color: #f7e700;
	font-family: Roboto;
}
span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 13px;
	font-weight: normal;
	display: block;
	background-color: #fff;
	margin-top: 2px;
	font-family: Roboto;
	padding: 5px;
}


/*CONTATO*/
.apresentacao-chamada.apresentacao-chamada-contato {
	color: #fff;
}
.apresentacao-desc.apresentacao-desc-contato {
	color: #fff;
}
.wrapper-geral-contato {
	background-color: #3b89f9;
}




/*PALESTRAS*/
.desc-apresentacao-palestras, .desc-content-intro-palestras {
	font-family: Roboto;
	text-align: left;
	color: #a5a5a5;
	font-weight: 300;
	font-size:18px !important;
	line-height: 1.3 !important;
}
.apresentacao hr {
	margin: 55px 0;
}
.round-number {
	font-family: Roboto;
	color: #3b89f9;
	border: 1px solid;
	float: left;
	padding: 7px 12px;
	border-radius: 101px;
	font-size: 11px;
}
.title-content-intro-palestras {
	color: #3b89f9;
	clear: both;
	text-align: left;
	font-family: Roboto;
	margin: 45px 0;
	font-size: 26px;
}
.desc-content-palestras {
	color: #a5a5a5;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 300;
}
.title-content-palestras {
	color: #3019c9;
	font-size: 28px;
	font-weight: 300;
}
.content-palestras {
	background-color: #fff;
	padding: 120px 90px;
	font-family: Roboto;
}
.container-content-palestras {
	padding-top: 340px;
}
.wrapper-palestra1 {
	background-position: right top;
}
.wrapper-palestra2 {
	background-position: left top;
}
.status-content-palestras {
	color: #c6c8cd;
	font-size: 14px;
}
.content-palestras button {
	background-color: #3019c9;
	color: #fff;
	font-family: Roboto;
	padding: 6px 42px;
	border: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 200;
}
.content-palestras img {
	margin: 4px;
}
.wrapper-content-palestras {
	background-repeat: no-repeat;
	height: 1068px;
	background-color: #f0f0f0;
}
.wrapper-geral-redes-sociais {
	padding: 120px 0;
	background-color: #f0f0f0;
	font-family: Roboto;
}
.redes-sociais-chamada p {
	font-weight: 200;
	font-size: 38px;
	line-height: 1.2;
	color: #a5a5a5;
	text-align: left;
}
.rede-social-item img {
	margin: 10px 4%;
}




.post-header {
	padding-top: 50px;
}
.archive-box {
	padding: 82px 0 24px;
}




/*HOME*/
.wrapper-banner.wrapper-banner-home {
	height: 815px;
}
.wrapper-banner-home p {
	color: #323232;
	font-size: 47px;
	font-weight: 300;
}
p.banner-desc-home {
	font-size: 20px;
}
.btn-compre-banner-home button {
	background-color: #a94fd0;
	color: #fff;
	border: 0;
	padding: 11px 41px;
	font-family: Roboto;
	font-weight: 200;
	margin-top: 10px;
	border-radius: 3px;
	cursor: pointer;
}
.btn-compre-banner-home button img {
	margin-right: 5px;
}
.apresentacao-chamada-home {
	padding-top: 230px;
}
.palestras-home p.status-home-palestras {
	color: #a94fd0;
	font-size: 17px;
	font-weight: 500;
}
.palestras-home p.desc-home-palestras {
	color: #a5a5a5;
	font-size: 19px;
	font-weight: 300;
}
.btn-palestras-home-contato button {
	background-color: #3019c9;
	color: #fff;
	border: 0;
	padding: 11px 41px;
	font-family: Roboto;
	font-weight: 200;
	margin-top: 10px;
	border-radius: 3px;
	cursor: pointer;
}
.btn-palestras-home-contato button img {
	margin-right: 5px;
}
.btn-palestras-home-saiba button {
	background-color: #3b80f5;
	color: #fff;
	border: 0;
	padding: 11px 41px;
	font-family: Roboto;
	font-weight: 200;
	margin-top: 10px;
	border-radius: 3px;
	cursor: pointer;
	margin-left:25px;
}
.palestras-home .apresentacao-video.video-item {
	margin-bottom: 30px;
}
.wrapper-geral-home-filosofia {
	height: 847px;
	background-repeat: no-repeat;
	background-position: center;
}
.wrapper-inner-home-filosofia {
	padding: 150px 0 0;
}
.wrapper-content-home-filosofia {
	background-color: #fff;
	padding: 86px 0 44px;
}
.wrapper-content-home-filosofia p {
	padding: 0 15px;
	font-family: Roboto;
	line-height: 1.2;
}
.titulo-home-filosofia {
	color: #a94fd0;
	font-size: 40px;
	font-weight: 200;
}
.desc-home-filosofia {
	color: #a5a5a5;
	padding: 0 60px !important;
}
.btn-filosofia-home button {
	background-color: #a94fd0;
	color: #fff;
	border: 0;
	padding: 11px 41px;
	font-family: Roboto;
	font-weight: 200;
	margin-top: 10px;
	border-radius: 3px;
	cursor: pointer;
}
.wrapper-content-home-filosofia hr {
	margin: 40px 0;
}
.btn-filosofia-home-cats button {
	background-color: #fff;
	color: #a94fd0;
	border: 0;
	padding-top: 11px;
	font-family: Roboto;
	font-weight: 300;
	margin-top: 10px;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 0;
	border: 3px solid #a94fd0;
	width: 85%;
	padding-bottom: 11px;
}
.wrapper-inner-alexandre-home {
	padding: 130px 0;
}
.btn-alexandre-home button {
	background-color: #3b80f5;
	color: #fff;
	border: 0;
	padding: 11px 41px;
	font-family: Roboto;
	font-weight: 200;
	margin-top: 10px;
	border-radius: 3px;
	cursor: pointer;
}
.apresentacao-alexandre-home {
	font-family: Roboto;
	font-weight: 200;
	line-height: 1.2;
	text-align: left;
	padding-top: 128px;
}
.chamada-alexandre-home {
	color: #3b89f9;
	font-size: 37px;
}
.desc-alexandre-home {
	color: #a5a5a5;
	font-weight: 300;
	padding-right: 53px;
}
#navigation .menu .sub-menu, #navigation .menu .children {
	background-color: #180d49;
}

@media (max-width: 1082px) {
	.redes-sociais-chamada p {
		font-size: 26px;
		text-align: center;
	}
}
@media (max-width: 991px) {
	.apresentacao-chamada-home {
		padding-top: 0;
		text-align: center;
	}
	.wrapper-banner-home .apresentacao-desc img {
		padding: 60px 21% 0;
	}
	.wrapper-inner-home-filosofia {
		padding: 150px 70px 0;
	}
	.apresentacao-alexandre-home {
		text-align: center;
		padding-top: 0;
	}
	.btn-alexandre-home button {
		margin-bottom: 30px;
	}
	.desc-alexandre-home {
		padding-right: 0;
	}
}
@media (max-width: 960px) {
    #navigation {
		height: auto;
	}
	#top-search {
		padding: 0;
	}
	#header {
		margin-bottom: -1px;
	}
}
@media (max-width: 767px) {
	.apresentacao-chamada p, .titulo-bloco-book {
		font-size: 25px;
	}
	.apresentacao-desc p, .desc-bloco-book {
		font-size: 15px;
	}
	.apresentacao {
		padding: 40px 15px;
	}
	.wrapper-bloco-book {
		padding: 50px 0;
	}
	.bloco-book-img{
		display:none;
	}
	.content-filosofia {
		padding: 120px 20px;
	}
	.wrapper-banner.wrapper-banner-home {
		height: 655px;
	}
	.wrapper-banner-home .apresentacao-chamada-home p {
		font-size: 30px;
	}
	.apresentacao-chamada-home p.banner-desc-home {
		font-size: 20px;
	}
	.wrapper-banner-home p {
		color: #fff;
	}
	.wrapper-inner-home-filosofia {
		padding: 63px 10px 0;
	}
	.wrapper-content-home-filosofia {
		background-color: #fff;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.desc-home-filosofia {
		color: #a5a5a5;
		padding: 0 17px !important;
	}
	.titulo-home-filosofia {
		font-size: 26px;
	}
	.btn-filosofia-home-cats button {
		width: 50%;
	}
	.chamada-alexandre-home {
		font-size: 25px;
	}
	.desc-alexandre-home {
		font-size: 15px;
		line-height: 1.3;
	}
}
@media (max-width: 400px) {
	.btn-palestras-home-contato button {
		padding: 11px 22px;
	}
	.btn-palestras-home-saiba button {
		padding: 11px 23px;
	}
}