@charset "utf-8";
/*
THEME NAME: Posturall 
DESCRIPTION: Tema criado exclusivamente para o site Posturall.
VERSION: 1.0
AUTHOR: Positiva Design
*/

/*VARIÁVEIS CSS
  @verde1 = #0ABBB5
  @verde2 = #3ACBC6
  @verde3 = #6ADBD9
  @verde4 = #9AECEA
*/

/* dynamic columns */
div.dynamic-col {margin-bottom: 30px;}
div.dynamic-col:nth-of-type(odd) {float: left; width: 48%; margin-right: 4%;}
div.dynamic-col:nth-of-type(even) {float: left; width: 48%;}

@media screen and (max-width: 40em) {
  div.dynamic-col:nth-of-type(odd) {width: 100%; float: none; margin: 0 auto 40px}
  div.dynamic-col:nth-of-type(even) {width: 100%; float: none;}
}


/*CLEARFIX*/
.clearfix:after {content: ''; display: block; clear: both; visibility: hidden; line-height: 0;  height: 0;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}

/*fonts*/  
html {font-size: 62.5%;}
body {font-family: Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #808080}
header, aside, footer {font-size: 1.4rem;}

/*container*/
.container {max-width: 1180px; padding: 0 25px; margin: auto;}

/* --------------------------
       HEADER
--------------------------- */
header.topo {width: 100%; position: relative; z-index: 2}

/* LOGO */
header #logo {float: left; padding: 20px 0;}
header #logo a {display: inline-block;}
header #logo img {max-width: 100%; height: auto; display: block; margin: auto;}

/* menu principal */
header #menu-principal {float: right; font: 1.5rem Humanist, serif; text-transform: uppercase;}
header #menu-principal ul.menu > li {border-top: 10px solid #0ABBB5; padding: 14px 25px 0; display: inline-block; margin-right: -4px;}
header #menu-principal ul.menu > li:nth-child(2) {border-color: #3ACBC6}
header #menu-principal ul.menu > li:nth-child(3) {border-color: #6ADBD9}
header #menu-principal ul.menu > li:nth-child(4) {border-color: #9AECEA}
header #menu-principal ul.menu > li:last-child {margin-right: 0}

header ul.menu li a {display: inline-block; vertical-align: middle; transition: .3s}
header ul.menu li:not(.current-menu-item) > a:hover {color: #0ABBB5}
header ul.menu li a.current {color: #0ABBB5}


header .abre-menu {display: none;}
@media screen and (max-width: 900px) {
  header #logo {width: 240px; float: none; padding: 15px 0;}

  header .abre-menu {position: absolute; top: 46px; right: 25px; font-size: 20px; display: block;}
  header #menu-principal {float: none;}
  header #menu-principal > div {display: none;}
  header #menu-principal ul.menu li:first-child {border-top: 2px solid #ccc;}
  header #menu-principal ul.menu li {display: block; border-width: 2px; margin: 0; padding: 0}
  header #menu-principal ul.menu li a {padding: 15px 0;}
  
  header ul.menu ul.sub-menu li {line-height: normal}
}


/* --------------------------
    HOME - FRONT PAGE
-----------------------------*/
/*SLIDER*/
@media screen and (max-width: 900px) {
  #slider .slide {overflow: hidden;}
  #slider img {width: 180%; margin-left: -40%; display: block;}
}


/*TRATAMENTOS*/
#tratamentos > section {padding: 50px 50px 65px;}
#tratamentos .item {width: 26%; float: left; text-align: justify;}
#tratamentos .item:nth-child(2) {margin: 0 11%;}

#tratamentos .item:nth-child(1):before {content: url(img/barra-verde1.png); display: block; margin: auto; text-align: center;}
#tratamentos .item:nth-child(2):before {content: url(img/barra-verde2.png); display: block; margin: auto; text-align: center;}
#tratamentos .item:nth-child(3):before {content: url(img/barra-verde3.png); display: block; margin: auto; text-align: center;}

#tratamentos .item h3 {margin: 30px 0 25px; font: 2.5rem Humanist; text-transform: uppercase; text-align: center;}
#tratamentos .item p {font-size: 1.5rem; line-height: 1.5;}
#tratamentos .item a {transition: .2s}
#tratamentos .item a:hover {opacity: .7;}
#tratamentos .item a.leiamais {font-size: 1.6rem; color: #0ABBB5; text-transform: uppercase; display: inline-block; margin-top: 15px;}
#tratamentos .item img {display: block; margin: 30px auto 0;}

@media screen and (max-width: 1400px) {
  #tratamentos > section {padding: 50px 0 65px;}
  #tratamentos .item {width: 30%;}
  #tratamentos .item:nth-child(2) {margin: 0 5%;}
}

@media screen and (max-width: 900px) {
  #tratamentos .item {width: 100%; float: none; max-width: 400px; margin: auto;}
  #tratamentos .item:nth-child(2) {margin: 30px auto;}
}


/* ---------------------------
        PADRÃO PÁGINAS
-----------------------------*/
.page.container {margin: 70px auto 80px;}

@media screen and (max-width: 500px) {
  .page.container {margin: 35px auto 60px;}
}

/*conteudo*/
article {font-size: 1.55rem; line-height: 1.55; letter-spacing: .2px; text-align: justify; color: #808080;}

article p {margin-bottom: 15px;}
article hr {margin: 10px 0;}
strong span {color: inherit !important;}
article a {text-decoration: underline; transition: .2s}
article a:hover {color: #222;}
article h1, article h2, article h3, article h4 {margin-top: 10px; margin-bottom: 15px; line-height: 1.3; text-align: left;}

article blockquote {background: #f8f8f8; margin: 30px 0; padding: 30px 40px 30px 80px; border: 1px solid #eee; position: relative;}
article blockquote:before {content: '“'; position: absolute; left: 20px; top: 30px; font: 80px/1 Georgia; color: #C4B58A;}

@media screen and (max-width: 22em) {
  article blockquote:before {top: -15px;}
  article blockquote {padding: 30px 25px;}
}
  

/*estilo das listas*/
article ul, article ol {margin: 10px 0 10px 15px;}
.post article li {line-height: 1.1; text-align: left;}
article ol li {counter-increment: number-counter; list-style: none; margin-bottom: 15px;}
article ol li:before {content: counter(number-counter) '. '; font-weight: 600; color: #10307a;}

article ul li {margin-bottom: 8px; display: block;}
article ul li:before {content: '•'; font: 14px FontAwesome; color: #10307a; padding-right: 7px;}


/*--- PÁGINA PARA VOCÊ ---*/
.page.paravc h2.title {font: 5.5rem Humanist; color: #3ACBC6; text-transform: uppercase; line-height: .85}
.page.paravc h2.title b {font-size: 7.5rem; display: block;}
.page.paravc h2.title:after {content: ''; width: 10px; height: 10px; background: #3ACBC6; border-radius: 50%; display: block; margin: 40px 0;}

.page.paravc article {}
.page.paravc .consulta {margin: 40px 0 70px}
.page.paravc .consulta:before {content: ''; display: block; width: 100%; max-width: 600px; border-top: 1px solid #ccc; margin: 0 auto 30px}
.page.paravc .consulta h2 {font-size: 2.5rem; font-weight: 400; text-transform: uppercase; text-align: center; margin: 0 auto 30px}

.page.paravc .fototexto + .fototexto {margin-top: 120px;}
.page.paravc .fototexto:frist-of-type:before {content: url(img/barra-verde1.png); display: block; margin: 0 auto 50px; text-align: center;}
.page .foto {width: 48%; float: left;}
.page .foto img {width: 100%; height: auto; display: block;}
.page .texto {width: 49%; float: right; font-size: 1.5rem; line-height: 1.55;}
.page.paravc .texto h3 {font: 6rem Humanist; margin-bottom: 15px;}
.page.paravc .texto h3 small {font-size: 3rem;}
.page .texto p {margin-bottom: 15px;}

/*left*/
.page.paravc .fototexto.left .texto {float: left;}
.page.paravc .fototexto.left .foto {float: right;}

/*RESPONSIVO PARA VOCE*/
@media screen and (max-width: 900px) {
.page .foto {width: 100%; float: none;}
.page .texto {width: 100%; float: none;}
}

@media screen and (max-width: 380px) {
  .page.paravc .texto h3 {font-size: 4.8rem}
}


/*--- PÁGINA SOBRE ---*/
.page.sobre .texto h2.title {font: 4rem Humanist; color: #3ACBC6; text-transform: uppercase; line-height: .85}
.page.sobre .texto h2.title b {font-size: 6.5rem; display: block;}
.page.sobre .texto h2.title:after {content: ''; width: 10px; height: 10px; background: #3ACBC6; border-radius: 50%; display: block; margin: 40px 0;}

.page.sobre .foto {width: 46.5%; float: left;}
.page.sobre .foto img {width: 100%; height: auto; display: block;}
.page.sobre .texto {width: 50%; float: right; padding-top: 20px; font-size: 1.5rem; line-height: 1.55;}
.page.sobre .texto p {margin-bottom: 18px}
.page.sobre .texto .linkedin {margin-top: 25px; font-size: 35px; transition: .2s}
.page.sobre .texto .linkedin:hover {color: #3ACBC6}

.page.sobre #depoimentos {margin-top: 70px; padding: 0 25px}
.page.sobre #depoimentos:before {content: url(img/barra-verde2.png); display: block; margin: 0 auto 15px; text-align: center;}
.page.sobre #depoimentos h2.title {font: 2.6rem Humanist; text-align: center; text-transform: uppercase; margin-bottom: 60px;}

.page.sobre #depoimentos .item {width: 46.5%; float: left; font-size: 1.45rem; line-height: 1.4; text-align: justify; margin-bottom: 50px}
.page.sobre #depoimentos .item:nth-child(odd) {margin-right: 7%;}
.page.sobre #depoimentos .item:before {content: ''; width: 10px; height: 10px; background: #3ACBC6; border-radius: 50%; display: block; margin-bottom: 14px;}
.page.sobre #depoimentos .item h5 {font-size: 1.5rem; font-weight: 700; margin-bottom: 10px;}

@media screen and (max-width: 880px) {
.page.sobre .foto {width: 100%; max-height: 440px; margin: auto; float: none; overflow: hidden;}
.page.sobre .texto {width: 100%; float: none; padding-top: 35px;}
}

@media screen and (max-width: 740px) {
  .page.sobre #depoimentos .item {width: 100%; max-width: 400px; margin: auto; float: none;}
  .page.sobre #depoimentos .item:nth-child(odd) {margin: 0 auto 30px}
}

@media screen and (max-width: 512px) {
  .page.sobre .texto h2.title {font-size: 3rem; line-height: 1}
  .page.sobre .texto h2.title b {font-size: 4.5rem;}
}

@media screen and (max-width: 375px) {
  .page.sobre .texto h2.title {font-size: 2.5rem;}
  .page.sobre .texto h2.title b {font-size: 3.5rem;}
}



/*--- PÁGINA DE CONTATO ---*/
.page.contato {}
.page.contato .gridCol .col.mapa {width: 48%; float: left; }
.page.contato .gridCol .col.mapa2 {width: 48%; float: right;}
/*.page.contato .gridCol .col.form {width: 48%; float: right;}
*/
.page.contato .col h2.title {font: 4rem Humanist; color: #3ACBC6; text-transform: uppercase; line-height: .9}
.page.contato .col h2.title b {font-size: 5.5rem; display: block;}
.page.contato .col h2.title:after {content: ''; width: 10px; height: 10px; background: #3ACBC6; border-radius: 50%; display: block; margin: 40px 0;}

.page.contato .col.form {font-size: 1.5rem; line-height: 1.3; width: 100%; margin-bottom: 50px;}
.page.contato .col.form h4, .col.mapa h4, .col.mapa2 h4 {margin: 20px 0 12px; font-size: 1.5rem; text-transform: uppercase; color: #3ACBC6;}
.page.contato .col .fa-whatsapp {color: #20D268}

#foto-pgcontato {margin: 20px auto 80px;}
#foto-pgcontato img {width: 100%; height: auto; display: block;}

@media screen and (max-width: 800px) {
  .page.contato .gridCol .col.form {width: 100%; float: none; margin-bottom: 35px}
  .page.contato .gridCol .col.mapa, .page.contato .gridCol .col.mapa2 {width: 100%; float: none;}
}

@media screen and (max-width: 470px) {
.page.contato .col h2.title {font-size: 2.7rem; line-height: 1}
.page.contato .col h2.title b {font-size: 3.5rem;}
#foto-pgcontato {display: none;}
}



/*FORMULÁRIO DENTRO DAS PÁGINAS*/
.page .wpcf7 br {display: none;}
.page .wpcf7 p {margin-bottom: 0;}
.page .wpcf7 input {width: 100%; margin-bottom: 10px; height: 30px; background: none; border: none; color: #637280; font-size: 1.3rem; padding: 0 10px; border-bottom: 2px solid #E7CAAB; transition: .2s}
.page .wpcf7 input:focus {border-bottom: 2px solid #333;}

.wpcf7 .duasCol .col {width: 49%; float: left;}
.wpcf7 .duasCol .col:last-child {margin-left: 2%;}

.page.hentry .wpcf7 ::placeholder {color: #888}
.page.hentry .wpcf7 textarea {background: none; border: none; height: 100px; margin-top: 10px; padding: 10px 82px 0 10px; font-size: 1.3rem; border-bottom: 2px solid #E7CAAB; transition: .2s}
.page.hentry .wpcf7 textarea:focus {border-bottom: 2px solid #333;}

.page.hentry .wpcf7 *[type=submit] {background: #E7CAAB; border: none; width: auto; height: 45px; margin-top: 10px; padding: 0 25px; display: block; float: right; cursor: pointer; position: relative; font-size: 1.2rem; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #fff; transition: .2s}
.page.hentry .wpcf7 *[type=submit]:after {content: ' mensagem'}
.page.hentry .wpcf7 *[type=submit]:hover {background: #c4906b;}


/*PÁGINA 404*/
.erro404 {margin: 100px auto 100px; text-align: center; font-size: 1.8rem;}
.erro404 h2 {font-size: 3.2rem; text-transform: uppercase; color: #3ACBC6; text-align: center;}



/*---------------------
    FOOTER
----------------------*/
footer {background: #ccc; position: relative;}

footer .footercols {padding: 35px 0; font-size: 1.5rem;}
footer .footercols .col {width: 21%; float: left; line-height: 1.4;}
footer .footercols .col.social {width: 36px}
footer .footercols .col.endereco, footer .footercols .col.contatos {padding: 0; margin-bottom: 30px}

footer .footercols .col img {max-width: 100%; height: auto;}
footer .footercols .col h4 {margin-bottom: 15px; font-size: 1.5rem; text-transform: uppercase;}
footer .footercols .col h4:nth-of-type(2) {margin-top: 25px;}

footer .footercols .contatos h4 {margin-bottom: 10px;}
footer .footercols .fa-whatsapp {color: #009933}
footer .footercols .contatos a.linkedin {display: none; font-size: 18px;}

footer .footercols .col.social {text-align: right; font-size: 18px;}
footer .footercols a.linkedin i {color: #999;}
footer .footercols a.linkedin span.fa-stack i:nth-child(2) {color: #ccc;}

@media screen and (max-width: 1080px) {
  footer .footercols .col.logo2 {width: 100%; float: none; text-align: center; margin-bottom: 20px;}
  footer .footercols .col {width: 50%;}
  footer .footercols .col.social {display: none;}
  footer .footercols .contatos a.linkedin {display: table; margin-top: 15px;}
}

@media screen and (max-width: 580px) {
footer .footercols {padding: 30px 0 0;}
footer .footercols .col {width: 100% !important; max-width: 300px; margin: auto; float: none;}
footer .footercols .col:nth-child(2) {margin: 30px auto}
footer .endereco2 {
	margin-bottom: 30px;
}
section.footercols.clearfix {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
}

#creditos {border-top: 1px solid #b3b3b3; margin-top: 50px; padding: 20px 0 25px; text-align: right;}
#creditos p {display: inline-block; vertical-align: middle; margin-right: 30px; font-family: Verdana, sans-serif; font-size: 1.4rem}
#creditos .positiva {display: inline-block; vertical-align: middle;}

.pulse {-webkit-animation: pulse 0.35s infinite alternate; animation: pulse 0.35s infinite alternate;}
@-webkit-keyframes pulse {to {transform: scale(1.1); -webkit-transform: scale(1.1);}}
@keyframes pulse {to {transform: scale(1.1);}}

@media screen and (max-width: 790px) {
  #creditos {padding: 20px 0; text-align: center;}
  #creditos p {display: block; margin: 0 auto 20px;}
  #creditos .positiva {display: block;}
}


/*RESPONSIVO FOOTER
@media screen and (max-width: 54em) {}
*/

/*-----------------------------------
      ALGUNS PADRÕES DO CSS
-----------------------------------*/
.gridCol {text-align: justify;}
.gridCol:after {content: ''; width: 100%; display: inline-block;}
.gridCol .col {display: inline-block; vertical-align: top;}

/*TEXTO*/
a {text-decoration: none; cursor: pointer; color: inherit;}
article p:last-child {margin: 0;}
pre {margin: 20px 0 30px 0;}
nav ul li {list-style: none;}
nav ul li {display: inline;}
hr {border: none; border-top: 1px solid #e2e2e2;}

/*Padronização dos H*/
h1 {font-size: 2.6rem;}
h2 {font-size: 2.4rem;}
h3 {font-size: 2.2rem;}
h4 {font-size: 2.0rem;}
h5 {font-size: 1.8rem;}
h6 {font-size: 1.6rem;}

.uppercase {text-transform: uppercase;}

/*------------------------------
    PADRÃO PARA FORMULÁRIOS
-------------------------------*/
input[type=text], input[type=email], input[type=password], input[type=tel], textarea, select {width: 100%; min-height: 45px; padding-left: 10px; border: 1px solid #e2e2e2; color: #666; font-family: inherit; outline: none; -webkit-appearance:none;}
input[type=submit] {cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus {}
textarea{width: 100%; max-height: 250px; font-family: inherit; font-size: 1.4rem; padding: 10px; resize: vertical;}
*:focus {outline: none;}
form input, form textarea, form button {-webkit-border-radius: 0;}

.wpcf7 span.wpcf7-not-valid-tip {font-size: 1.2rem; position: absolute; left: 5px; top: -8px; /*background: #fff;*/ padding: 0 5px; line-height: 1; color: #ea5656}
div.wpcf7-response-output {margin: -10px 0 0; padding: 8px 15px;}

/*placeholder*/
::-webkit-input-placeholder {color: #BABABA;}
::-moz-placeholder {color:#BABABA;} /* firefox 19+ */
:-ms-input-placeholder {color:#BABABA;} /* ie */

#wp-admin-bar-search {display: none!important;}
.politica {
	font-size: 1.5rem;
	line-height: 1.55;
}
.politica h1 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 50px;
	font-weight: 700;
	color: #3ACBC6;
}
.politica p {
	margin-bottom: 20px;
}
.politica h2 {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #3ACBC6;
}
.politica h3 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
	color: #3ACBC6;
}
.politica ol, .politica ul {
	margin-bottom: 20px;
}
.politica ol {
	list-style-position: outside;
}
.politica ol li {
	list-style-type: decimal;
	margin-left: 25px;
}
.politica ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.politica a:link, .politica a:visited {
	color: #3ACBC6;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.politica a:hover, .politica a:active {
	color: #000;
	text-decoration: underline;
}
.contatos p {
	padding-top: 20px;
}
section.footercols.clearfix {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.col.mapa, .col.mapa2 {
	font-size: 1.5rem; line-height: 1.3;
	margin-bottom: 50px;
}
.col.mapa2 {
	margin-bottom: 0;
}
.col.mapa p, .col.mapa2 p {
	margin-bottom: 20px;
}

.col.mapa iframe, .col.mapa2 iframe {
	width: 100% !important;
}

#popUpPolitica {
	max-width: 300px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	position: fixed;
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.95);
	background: rgba(255, 255, 255, 0.95);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	color: #000;
}
#popUpPolitica article {
	width: auto;
	padding: 20px;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
}
#btnFecharPolitica {
	background: #3ACBC6;
	color: #fff;
	display: block;
	float: left;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 20px;
	cursor: pointer;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#btnFecharPolitica:hover, #btnFecharPolitica:active {
	background: #666;
}