/*
Theme Name: Casa do Teatro
Author: AGT Online
Author URI: http://agtonline.com.br
Description: Tema do site Casa do Teatro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Casa do Teatro, AGT
Text Domain: Casa do teatro

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/**
* Sumario - CSS - Casa do Teatro
* ----------------------------------------------------------------------------
* 1 - ELEMENTOS EM GERAL
* 2 - CLASSES DE AJUDA NO TEMA
* 3 - HEADER
* 4 - MENU SUPERIOR
* 5 - MENU MOBILE
* 6 - FOOTER
* 7 - COPYRIGHT
* 8 - FORMULARIOS WPCF7
* 9 - PG. HOME
* 10 - ESTRUTURA DAS PAGINAS INTERNAS
* 11 - PG. QUEM SOMOS
* 12 - PG. EQUIPE
* 13 - PG. CRIANCAS
* 14 - PG. JOVENS
* 15 - PG. ENDERECOS
* 16 - PG. CONTATOS
* 17 - PG. AULA EXPERIMENTAL
* 18 - PG. FIQUE EM CASA
* 19 - PG. FERIAS
* XX - RESPONSIVE FIXES



/**
* 1 - ELEMENTOS EM GERAL
* ----------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');

body {
	color: #545454;
	font-family: 'Open Sans', Arial, Sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: 'Patua One', 'Open Sans', Arial, Sans-serif;
}

h1{
	color: #fff;
	font-size: 38px;
}

h2.sub, .sub h2,
h1.sub, .sub h1 {
	color: #993b76;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
}

h3{
	color: #9d5e85;
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

p {
	color: #545454;
	font-size: 16px;
	font-family: "Open Sans";
}

a{
	color: #545454;
}



/**
* 2 - CLASSES DE AJUDA NO TEMA
* ----------------------------------------------------------------------------
*/

.visible-xs {
    display: none;
}

.hidden-xs {
    display: unset;
}

img.alignright {
    margin: 0 0 20px 20px;
    float: right;
}

img.alignleft {
    margin: 0 20px 20px 0;
    float: left;
}

.gap20 {
    height: 20px;
    clear: both;
}

.gap30 {
    height: 30px;
    clear: both;
}

.gap40 {
    height: 40px;
    clear: both;
}

.gap50 {
    height: 50px;
    clear: both;
}

.gap60 {
    height: 60px;
    clear: both;
}

.botao {
	background-color: #993b76;
	border: 1px solid #993b76;
	padding: 0 30px;
	height: 40px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.7s;
}

.botao a {
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
}

.botao:hover{
	background-color: transparent;
	border: 1px solid #993b76;
}

.botao:hover a{
	color: #993b76;
}

.botao-cta{
	text-align: center;
}

.botao-cta a{
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #a8015d;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.7s;
}

.botao-cta a:hover{
	background-color: transparent;
	color: #fff;
}

.cta {}

.cta a {
	background-color: #993b76;
	border: 1px solid #993b76;
	border-radius: 5px;
	color: white;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.7s;
}

.cta a:hover {
	background-color: transparent;
	border: 1px solid #993b76;
	color: #993b76;
}



/**
* 3 - HEADER
* ----------------------------------------------------------------------------
*/

.header-desktop { display: block; }
.header-mobile { display: none; }

#header {
	position: absolute;
    z-index: 999;
    width: 100%;
    background: transparent;
    color: white;
    padding: 10px 10px;
}

#header #menu-superior {
    text-align: right;
}

/* Logo */
.logo {
	margin-left: 50px;
	margin-top: 20px;
}

/* Midias */
.social-midias{
	margin-top: 35px;
}

.social-midias a{
	padding-right: 10px;
}



/**
* 4 - MENU SUPERIOR
* ----------------------------------------------------------------------------
*/

#menu-superior {
	margin-top: 20px;
	margin-right: 40px;
	float: right;
}

#menu-superior ul {
    float: right;
    margin-top: 6px;
    padding: 0;
    color: #676767;
}

#menu-superior ul li {
    float: left;
    list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

#menu-superior ul li a {
    text-transform: none;
	color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
	padding: 12px 15px;
    /*display: grid;
    font-family: 'Open Sans', sans-serif;*/
}

#menu-superior ul:not(.sub-menu) li a:hover {
	color: #fcb914;
}

#menu-superior ul li a:hover {
    background: transparent;
    color: #fff;
	text-decoration: none;
}

#menu-superior ul li a:hover:after,
#menu-superior ul li.current-menu-item a:after {
	content: '';
    height: 2px;
    background: #fcb914;
    width: 90%;
    position: initial;
    margin: 0 auto;
    left: 7%;
    margin-top: 10px;
}

/* Botao Inscreva-se */
#menu-superior #menu-item-29 {
    background-color: #993b76;
	border: 1px solid #993b76;
    border-radius: 5px;
    text-align: center;
	height: 40px;
    padding: 0px 15px;
	margin-top: 4px;
	margin-left: 15px;
	transition: all 0.7s;
}

#menu-superior #menu-item-29:hover {
	background-color: transparent;
	border: 1px solid #fcb914;
}

#menu-superior li#menu-item-29 a:hover {
	color: #fcb914;
}

#menu-superior li#menu-item-29 a {
	color: white;
	position: relative;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#menu-superior li#menu-item-29 a:hover:after  {
	display: none;
}

/* Level 2 */
#menu-superior li ul {
	position: absolute;
	top: 37px;
	left: 0;
	background-color: rgba(103,103,103,0.9);
	display: none;
	text-align: left;
}

#menu-superior li:hover ul,
#menu-superior li.over ul {
	display: block;
}

#menu-superior li ul li {
	display: block;
	width: 200px;
}

#menu-superior li ul li a {
	border-bottom: 1px solid #555;
	padding: 10px 12px;
	padding: 10px 12px 10px 22px;
}

#menu-superior li ul li a {
	opacity: 0.8;
}

#menu-superior li ul li a:hover:after,
#menu-superior li ul li.current-menu-item a:after {
	display: none;
}

#menu-superior li ul li a:hover {
	color: #fcb914;
}


/**
* 5 - MENU MOBILE
* ----------------------------------------------------------------------------
*/
.cover-dark {
	display: none;
	background: rgba(0,0,0,0.9);
	height: 100%;
	overflow: hidden;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 998;
}

#abrirMenu {
	cursor: pointer;
	margin-top: 12px;
}

#menu-mobile-content {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	/*background: blue;*/
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 999;
	background-color: #142e45;
	padding-bottom: 50px;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	height: 100vh;
}

#menu-mobile-content #logo-menu {
	margin-top: 15px;
	/*text-align: left;*/
	/*padding-left: 25px;*/
	text-align: center;
}

#menu-mobile-content #logo-menu img {
	max-width: 145px;
}

#menu-mobile-content ul {
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

#menu-mobile-content li {
	background-color: #142e45;
	/*border-bottom: 1px dotted #f8f8f8;*/
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1.3;
}

#menu-mobile-content li a {
	/*border-bottom: 1px solid #B03737;*/
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
	padding: 10px 0;
	margin: 0;
	margin-bottom: 15px;
	/*width: 80%;*/
}

#menu-mobile-content li a:hover, #menu-mobile-content li:hover,
#menu-mobile-content li a:active, #menu-mobile-content li:active
#menu-mobile-content li a:focus, #menu-mobile-content li:focus {
	background: rgba(20, 46, 69, 0.8);
	color: #a9a9a9;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

#menu-mobile-content li#menu-item-634:hover,
#menu-mobile-content li#menu-item-634:hover a {
	background-color: rgba(20, 46, 69, 0.8);
	color: #fff;
}

/* 2 level */
#menu-mobile-content li.menu-item-has-children {}

#menu-mobile-content  li > ul {
	padding-top: 0;
	padding-left: 0px;
}

#menu-mobile-content  li > ul.sub-menu li {
	background: #fff;
	background-color: rgba(20, 46, 69, 0.8);
}

#menu-mobile-content  li > ul.sub-menu li a {
	background: #fff;
	background-color: rgba(20, 46, 69, 0.8);
	color: #595959;
	color: #fff;
	border-bottom: none;
	font-weight: 400;
	line-height: 1.3;
	font-size: 13px;
	padding: 4px 0;
	text-transform: none;
	max-width: 100%;
}

#menu-mobile-content  li > ul.sub-menu li a:before {
	content: '- ';
}

#menu-mobile-content  li > ul.sub-menu li a:hover {}

#menu-mobile-content  li:hover > ul {}

#menu-mobile-content li.menu-item-29 {
	margin-top: 25px;
}

#menu-mobile-content li.menu-item-29 a {
	background: #993b76;
	border: 1px solid #993b76;
	border-radius: 5px;
	display: block;
	font-size: 14px;
	margin: 0 auto;
	max-width: 200px;
	padding: 10px 20px;
	text-align: center;
}

#menu-mobile-content li.menu-item-29 a:hover {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

/* Close Button */
#menu-mobile-content #btnClose {
	background: transparent;
	overflow: hidden;
	padding: 5px 15px;
	text-align: right;
}

#menu-mobile-content #btnClose .close {
	color: #fff;
	font-size: 29px;
	opacity: 0.7;
}

#menu-mobile-content li.btnBuscar { display: none; }



/**
* 6 - FOOTER
* ----------------------------------------------------------------------------
*/

#footer {
    padding: 55px ;
    background-repeat: no-repeat;
    background-color: #453166;
    color: #fff;
    padding-left: 120px;
}

#footer h3{
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#footer .coluna1 .img-celia {
	margin-top: 30px;
	margin-left: 16px;
}

#footer .social-midias {
	margin-top: 60px;
    /* text-align: center; */
}

#footer .social-midias a:hover {
	text-decoration: none;
}

#footer .texto p {
	color: #fff;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
}

#footer .coluna3 h3 {
	margin-left: 20px;
}

#footer .coluna3 .menu-footer ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

#footer .coluna3 .menu-footer ul li:hover a {
	color: #9d5e85;
}

#footer .coluna3 .menu-footer ul li{
	margin-bottom: 5px;
}

#footer .coluna3 .menu-footer ul{
	list-style: none;
}

#footer .coluna3 .menu-footer ul li::before{
	content: "\2022";
	color: #b5adc2;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

#footer .coluna4 p, #footer .coluna4 strong{
	color: white;
	font-size: 14px;
	font-weight: 500;
	padding-top: 10px;
}

#footer .coluna4 .email{
	margin-top: 10px;
}

#footer .coluna4 .local-pin{
	background: transparent url(images/pin.png) no-repeat center left;
    padding-left: 25px;
    background-position: 5px 6px;
}

#footer .coluna4 .cel-pin{
	background: transparent url(images/cel.png) no-repeat center left;
    padding-left: 25px;
    background-position: 6px 15px;
}

#footer .coluna4 .whats-pin{
	background: transparent url(images/whats.png) no-repeat center left;
    padding-left: 25px;
    background-position: 6px 15px;
}


#footer .coluna4 .email-pin{
	background: transparent url(images/email.png) no-repeat center left;
    padding-left: 25px;
    background-position: 6px 15px;
}

.tel-cel {
    margin-bottom: 25px;
}

.tel-cel p {
    margin-bottom: 0px;
}


/* COOKIE ALERT */
#cookiealert {}

#cookiealert p {
	color: #fff;
	font-size: 13px;
	margin-bottom: 7px;
}

#cookiealert p strong {
	font-size: 13px;
	display: block;
}

#cookiealert a {
	color: #fcb914;
}

#cookiealert a:hover {
	color: #993b76;

}

#cookiealert .btn-primary {
	background-color: #993b76;
    border: 1px solid #993b76;
    display: block;
    clear: both;
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 7px 20px;
}

#cookiealert .btn-primary:hover {
	transition: all .3s ease;
	background: transparent;
	color: #fff;
}



/**
* 7 - COPYRIGHT
* ----------------------------------------------------------------------------
*/

#copyright {
    background: #392955;
    padding: 15px;
    color: #9ab6d5;
}

#copyright p {
	color: #8973ac;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
}

#copyright a {
    color: #8973ac;
}

#copyright a:hover {
    color: #fff;
}

/* WhatsApp Wrapper */
div#whatsapp-wrapper {
    background: transparent;
    position: fixed;
	right: 20px;
	bottom: 50px;
    width: 67px;
    height: 57px;
    text-align: center;
    z-index: 9999;
}

div#whatsapp-wrapper:hover{
	/* background: #aee8b5; */
	transition: all 0.7s;
}

div#whatsapp-wrapper a {
	text-decoration: none;
}

div#whatsapp-wrapper a:hover {
	cursor: pointer;
	/*opacity: 0.8;*/
	transition: all 0.7s;
}

div#whatsapp-wrapper img {
	margin-top: 10px;
	max-width: 100%;
}

/**
* 8 - FORMULARIOS WPCF7
* ----------------------------------------------------------------------------
*/

/* Config Geral dos Campos */
.wpcf7 {}
.wpcf7 .row {}
.wpcf7 label {}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select {
	background: #fff;
	border: 1px solid #bababa;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #545454;
	font-family: 'Open Sans', Arial, Sans-serif;
	font-size: 15px;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	padding: 0 17px 0 15px;
	width: 100%;
}

.wpcf7 textarea {
	background: #fff;
	border: 1px solid #bababa;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #545454;
	font-family: 'Open Sans', Arial, Sans-serif;
	font-size: 15px;
	font-weight: 500;
	height: 150px;
	padding: 15px 17px;
	width: 100%;
	resize: none;
}

.wpcf7 input[type="text"]:hover, .wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:hover, .wpcf7 input[type="email"]:focus,
.wpcf7 select:hover, .wpcf7 select:focus,
.wpcf7 textarea:hover, .wpcf7 textarea:focus {
	border: 1px solid #545454;
	outline: none;
}

.wpcf7 input[type="submit"] {
	background-color: #993b76;
	border: 1px solid #993b76;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 10px 28px;
	text-transform: uppercase;
}

.wpcf7 input[type="submit"]:hover {
	background-color: transparent;
	border: 1px solid #993b76;
	color: #993b76;
	text-decoration: none;
	transition: all 0.7s;
}

.wpcf7 input[type="submit"]:focus {
	outline: none;
}

.wpcf7 input[type="text"]::-webkit-input-placeholder,
.wpcf7 input[type="email"]::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
	color: #676767;
}

/* Mensagens de Valicacao de Erro ou Ok */
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ok { font-size: 15px; }

.wpcf7-form .wpcf7-response-output {
	border-radius: 10px;
	border-color: #fff;
    background: #fff;
    padding: 12px 15px !important;
    font-size: 14px;
	/* margin: 15px 0 25px 0 !important; */
	margin: 35px 0 25px 0 !important;
}

.wpcf7 form.sent .wpcf7-response-output { /* envio sucesso */
    color: #4F8A10;
    background-color: #dff2bf;
    border: 0;
}

.wpcf7 form.invalid .wpcf7-response-output { /* envio erro */
    color: #D8000C;
    background-color: #ffbaba;
    border: 0;
}

.wpcf7 span.wpcf7-not-valid-tip {
	color: #b33;
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
}


/* Google Captcha */
.grecaptcha-badge { visibility: hidden; }



/**
* 9 - PG. HOME
* ----------------------------------------------------------------------------
*/

/* Full Banner */
#section-slide{}

#section-slide .cta-slide {
	background-color: rgba(153,59,118, 0.8);
	background-color: rgba(17, 17, 17, 0.8)
    border: 1px solid rgba(153,59,118, 0.8);
	border: 1px solid rgba(153,59,118, 0.8);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    padding: 9px 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.7s;
	display: none !important;
}

#section-slide .cta-slide:hover {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff;
}


/*  Section - Casa do Teatro */
#section-casa-do-teatro{
	padding-top: 70px;
	padding-bottom: 70px;
	transform: skew(0deg, 3deg) translateY(-120px);
}

#section-casa-do-teatro .texto p{
	text-align: center;
	padding: 0 100px;
}

#section-casa-do-teatro .sub h2,
#section-casa-do-teatro .sub h1 {
	margin-bottom: 18px;
}

#section-casa-do-teatro .sub::after{
	content: '';
	display: block;
	width: 110px;
	background: #cfa3bf;
	height: 3px;
	margin: 0 auto;
	text-align: center;
}

#section-casa-do-teatro .wpb_wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.one {
	transform: skew(0deg, -3deg);
	padding-top: 120px;
}


/*  Section - 3 colunas */
#section-div2{
	background-color: #ffd794;
	padding-top: 70px;
	padding-bottom: 0;
	max-height: 830px;
	max-height: 930px;
	max-height: 1050px;
	transform: skew(0deg, 3deg) translateY(-120px);
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.two {
	transform: skew(0deg, -3deg);
}

#section-div2 .desc {
	text-align: center;
	margin-top: 20px;
}

@media screen and (max-width: 800px) {
	#section-div2.teste .desc { margin-bottom: 35px !important; }
	#section-div2.teste .desc p { padding: 0 !important; }
}

#section-div2.teste .desc p {
	padding: 0 100px;
}

#section-div2 #itens{
	text-align: center;
	margin-top: 30px;
}

#section-div2 .sub h2{
	margin-bottom: 18px;
}

#section-div2 #itens p a{
	color: #545454;
	text-decoration: none;
}

#section-div2 h3 {
	text-transform: uppercase;
	margin-top: -10px;
	margin-bottom: -20px;
}

#section-div2 #itens .img{
	transition: transform .2s;
}

#section-div2 #itens .img:hover{
	transform: scale(1.05);
}

#section-div2 #itens p{
	padding: 0 30px;
	height: 130px;
	margin-bottom: 45px;
	font-size: 15px !important;
}

#section-div2 .sub::after{
	content: '';
	display: block;
	width: 110px;
	background: #cfa3bf;
	height: 3px;
	margin: 0 auto;
	text-align: center;
}


/*  Section - Video */
#section-video{
	padding-bottom: 60px;
}

#section-video .video{
	text-align: center;
}

#section-video .video:hover {
	opacity: 0.9;
	transition: all 0.7s;
}

#ver-mais-videos .wpb_wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#inserir-video{
	display: grid;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}


/*  Section - Galeria */
#section-galeria{
	padding-top: 70px;
	padding-bottom: 70px;
	background-image: url(images/background-galeria-de-fotos.jpg);
	background-position: center top;
	background-size: cover;
}

.slider-wrapper.section-galeria {
	margin-top: 30px;
}

.section-galeria span {
	font-size: 60px;
}

#section-galeria .sub h2{
	margin-bottom: 18px;
	color: white;
}

#section-galeria .sub::after{
	content: '';
	display: block;
	width: 110px;
	background: #cfa3bf;
	height: 3px;
	margin: 0 auto;
	text-align: center;
}

#section-galeria .galeria-item {
	margin: 0 10px;
}

#nav-slide-galeria {
	left: 0;
	position: absolute;
	top: 43%;
	width: 100%;
	/*background: yellow;*/
}

#nav-slide-galeria .owl-prev,
#nav-slide-galeria .owl-next {
	background: transparent;
	border: none;
}

#nav-slide-galeria .owl-prev { margin-left: -40px; }
#nav-slide-galeria .owl-next { float: right; margin-right: -40px; }

#nav-slide-galeria .owl-prev i.fa,
#nav-slide-galeria .owl-next i.fa {
	color: #cacaca;
	color: #fff;
	font-size: 34px;
}


/*  Section - Depoimentos */
#section-depoimentos{
	background-image: url(images/background-depoimentos.jpg);
	padding-bottom: 125px;
	padding-top: 70px;
}

#section-depoimentos .sub h2{
	margin-bottom: 18px;
}

#section-depoimentos .sub::after{
	content: '';
	display: block;
	width: 110px;
	background: #cfa3bf;
	height: 3px;
	margin: 0 auto;
	text-align: center;
}

.slider-wrapper.section-depoimentos { margin-top: 30px; }

.section-depoimentos .item {
	background: #7377b6;
	border-radius: 5px;
	text-align: center;
	padding: 50px 25px 40px 25px;
	-moz-box-shadow: 0 0 5px #d4d5d6;
	-webkit-box-shadow: 0 0 5px #d4d5d6;
	box-shadow: 0 0 5px #d4d5d6;
	margin: 0 10px;
}

.section-depoimentos .item h4 {
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
}

.section-depoimentos .item .foto { text-align: center; }

#section-depoimentos .item img {
	border-radius: 50%;
	max-width: 100px;
	max-height: 100px;
	text-align: center;
	margin-bottom: 20px;
	display: inline;
	width: auto;
}

.section-depoimentos .item p.parentesco {
	font-size: 13px;
	color: #fff;
	margin: 0;
	margin-bottom: 25px;
	min-height: 35px;
}

.section-depoimentos .item p.depoimento {
	color: #fff;
	font-size: 15px;
	margin: 0;
	line-height: 1.4;
}

@media screen and (min-width:768px) {
	.section-depoimentos .item p.depoimento { min-height: 315px; }
}

#nav-slide-depo {
	left: 0;
	position: absolute;
	top: 43%;
	width: 100%;
}

#nav-slide-depo .owl-prev,
#nav-slide-depo .owl-next {
	background: transparent;
	border: none;
}

#nav-slide-depo .owl-prev { margin-left: -40px; }
#nav-slide-depo .owl-next { float: right; margin-right: -40px; }

#nav-slide-depo .owl-prev i.fa,
#nav-slide-depo .owl-next i.fa {
	color: #bfbfbf;
	font-size: 34px;
}


/* Faixa CTA */
#faixa-cta {
	text-align: center;
	background-color: #a8015d;
	position: relative;
	padding: 40px 0 65px 0;
}

#faixa-cta::before{
	background-color: transparent;
	background-image: url("images/onda-cta.png");
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 5px solid #a8015d;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	height: 55px;
	width: 100%;
	margin-top: -55px;
	position: absolute;
}

#faixa-cta h2 {
	color: #ffd794;
	font-size: 34px;
	line-height: 1.3;
	max-width: 780px;
	margin: 0 auto;
	margin-bottom: 40px;
}



/**
* 10 - ESTRUTURA DAS PAGINAS INTERNAS
* ----------------------------------------------------------------------------
*/
.page-title {
	background-color: #000;
	padding: 75px 10px 150px 10px;
	text-align: center;
}

.page-title.default {
	background: #fff url(images/header-moldura-completo.jpg) center top;
	background-size: cover;
}

.breadcrumbs{
	display: none;
}

.page-title header{
	margin-top: 100px;
}

.page-title h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
}

.breadcrumbs {
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
}

.breadcrumbs span {
	color: #fff;
	font-size: 14px;
}

.breadcrumbs span.sep {
	display: inline-block;
	margin: 0 5px;
}

.breadcrumbs a {
	color: #fff;
	font-size: 14px;
}

.breadcrumbs a:hover {
	color: #008ec9;
}



/**
* 11 - PG. QUEM SOMOS
* ----------------------------------------------------------------------------
*/

/* Header */
.page-template-template-quem-somos .page-title{
	background-image: url(images/header-quem-somos-completo.png);
}

/* Intro */
#section-historia{
	padding-top: 70px;
	padding-bottom: 70px;
}

#section-historia .texto-historia{
	padding-right: 100px;
}

#section-historia .texto-historia a {
	color: #0056b3;
}

#section-historia .sub h3{
	text-align: left;
	text-transform: uppercase;
}

#section-historia .texto-historia h4 {}

#section-historia .texto-historia2 {
	padding-right: 50px;
}

#section-historia .texto-historia2 h3 {
	margin-bottom: 25px;
}

#section-historia .sub-img p{
	text-align: center;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
}

/* Acoes */
#section-acoes{
	padding-top: 90px;
	padding-bottom: 120px;
	background-color: #f0f0f0;
}

#section-acoes .sub h3{
	text-align: left;
	text-transform: uppercase;
}

#section-acoes a {
	color: #0056b3;
}

#section-acoes .citacao {
	color: #993b76;
	padding: 70px 0;
	background-image: url(images/aspas.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: -50px;
	text-align: center;
}

#section-acoes .citacao h4 {
	font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
	margin-bottom: .5rem;
	padding: 0 80px;
	text-align: center;
}

#section-acoes .citacao p {}



/**
* 12 - PG. EQUIPE
* ----------------------------------------------------------------------------
*/
#section-equipe {}
#section-equipe .intro { margin-bottom: 0; text-align: center; }
#section-equipe .intro p { color: #747474; font-size: 16px; font-weight: bold; }

#section-equipe .linha { border-bottom: 1px solid #d8d8d8; padding: 40px 0 40px 0; }
#section-equipe .linha:last-child { border-bottom: none; }
#section-equipe .linha.alt {}
#section-equipe .linha .foto {}
#section-equipe .linha .foto img {}
#section-equipe .linha .desc { padding-left: 20px; margin-bottom: 0; text-align: left; }
#section-equipe .linha .desc h3 { margin-bottom: 25px; }
#section-equipe .linha .desc p {}
#section-equipe .linha a { color: #0056b3; }


/**
* 13 - PG. CRIANCAS
* ----------------------------------------------------------------------------
*/
#section-texto-criancas{
	padding-top: 40px;
	padding-bottom: 70px;
}

#section-texto-criancas p {
	padding: 0 180px;
}

#section-texto-criancas .citacao {
	color: #993b76;
	padding: 70px 0;
	background-image: url(images/aspas.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: -50px;
	text-align: center;
}

#section-texto-criancas .citacao h4 {
	font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
	margin-bottom: .5rem;
	text-align: center;
}



/**
* 14 - PG. JOVENS
* ----------------------------------------------------------------------------
*/
#section-texto-jovens{
	padding-top: 40px;
	padding-bottom: 70px;
}

#section-texto-jovens p {
	padding: 0 180px;
}

#section-texto-jovens .citacao {
	color: #993b76;
	padding: 70px 0;
	background-image: url(images/aspas.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: -50px;
	text-align: center;
}

#section-texto-jovens .citacao h4 {
	font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
	margin-bottom: .5rem;
	text-align: center;

}

body.page-id-13 #section-galeria { padding-bottom: 125px; }
body.page-id-15 #section-galeria { padding-bottom: 125px; }



/**
* 15 - PG. ENDERECOS
* ----------------------------------------------------------------------------
*/
.page-template-template-endereco .page-title{
	background-image: url(images/background-header-enderecos.png);
}

#section-enderecos-page{
	padding-bottom: 70px;
}

#pacaembu-col{
	padding: 0 30px;
}

#itaim-col{
	padding: 0 30px;
}

#pacaembu-col h3, #itaim-col h3{
	text-transform: uppercase;
	padding-left: 5px;
}

#pacaembu-col p, #itaim-col p{
	padding-left: 5px;
}

.wpb_gmaps_widget .wpb_wrapper{
	background-color: transparent !important;
}

.mapa-itaim iframe, .mapa-pacaembu iframe{
	border: 1px solid #bebebe !important;
	border-radius: 10px !important;
}



/**
* 16 - PG. CONTATOS
* ----------------------------------------------------------------------------
*/
#section-contatos-page{ padding-bottom: 50px; }

#section-contatos-page .itaim-endereco,
#section-contatos-page .pacaembu-endereco {
	background: transparent url(images/pin-contato.png) no-repeat center left;
	padding-left: 25px;
	background-position: 5px 6px;
}

#section-contatos-page .itaim-tel,
#section-contatos-page .pacaembu-tel {
	background: transparent url(images/cel-contato.png) no-repeat center left;
	padding-left: 25px;
	background-position: 5px 6px;
}

#section-contatos-page .itaim-whats,
#section-contatos-page .pacaembu-whats {
	background: transparent url(images/whats-contato.png) no-repeat center left;
	padding-left: 25px;
	margin-bottom: 15px;
	background-position: 5px 6px;
}

.endereco-itaim,
.endereco-pacaembu {
	margin-top: -20px;
}

.wpb_text_column.wpb_content_element.endereco-itaim p, .wpb_text_column.wpb_content_element.endereco-pacaembu p {
	margin-bottom: 5px;
}

#section-contatos-page .email-contato{
	background: transparent url(images/email-contato.png) no-repeat center left;
	padding-left: 30px;
	margin-bottom: 15px;
	background-position: 5px 6px;
}

#section-contatos-page .texto-intro {
	text-align: center;
}

#form-contato{
	padding-top: 70px;
	padding-bottom: 70px;
}

#enderecos{
	padding-top: 35px;
}

.contato-formulario .sub h3{
	text-align: left;
	text-transform: uppercase;
}

.contato-formulario{
	background-color: #ededed;
	padding: 0px 30px;
	padding-top: 24px;
	border-radius: 5px;
	margin-top: -35px;
}

.contato-formulario #msg-contato {
	height: 150px;
}

.contato-formulario h3 {
	text-align: left;
	margin-bottom: 42px;
}

#receber-infos .wpcf7-list-item,
#aceita-politica .wpcf7-list-item {
	font-size: 15px;
	margin-left: 0;
}

.contato-formulario .dados-aluno{
	margin-top: 40px;
}



/**
* 17 - PG. AULA EXPERIMENTAL
* ----------------------------------------------------------------------------
*/
#section-inscricao{
	padding-top: 70px;
	padding-bottom: 70px;
}

#section-inscricao .sub h3{
	text-align: left;
	text-transform: uppercase;
}

.inscricao-formulario{
	background-color: #ededed;
	padding: 0px 30px;
	padding-top: 34px;
	border-radius: 5px;
	margin-top: -35px;
}

.inscricao-formulario h3 {
	text-align: left;
	margin-bottom: 42px;
}

.inscricao-formulario p {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 19px;
}

#receber-infos .wpcf7-list-item {
	font-size: 15px;
	margin-left: 0;
}

.inscricao-formulario .dados-aluno{
	margin-top: 40px;
}



/**
* 18 - PG. FIQUE EM CASA
* ----------------------------------------------------------------------------
*/
.section-fique-em-casa { background: #fff; padding: 60px 0 25px 0; }

.section-fique-em-casa.historias {}

.section-fique-em-casa.atividades {	background: #f8f8f8; }

.section-fique-em-casa.videos { padding-bottom: 110px;}

.section-fique-em-casa .sub { text-align: center; }
.section-fique-em-casa .sub h2 {}
.section-fique-em-casa .sub p {}

.section-fique-em-casa .video { margin-bottom: 10px;}
.section-fique-em-casa .desc { text-align: center; }
.section-fique-em-casa .desc p { font-size: 13px; font-weight: bold; }

.section-fique-em-casa .linha {}
.section-fique-em-casa .linha.linha-final {}



/**
* 19 - PG. FERIAS
* ----------------------------------------------------------------------------
*/
#section-intro-pg-ferias { background: #fff; padding: 40px 0; }
#section-intro-pg-ferias .sub h2 { margin-bottom: 18px; }
#section-intro-pg-ferias .sub:after {
	content: '';
    display: block;
    width: 110px;
    background: #cfa3bf;
    height: 3px;
    margin: 0 auto;
    text-align: center;
}



/**
* XX - RESPONSIVE FIXES
* ----------------------------------------------------------------------------
*/


/**
* Ate telas de 1366px
* ----------------------------------------------------------------------------
*/
@media screen and (max-width: 1366px) {

	/* Menu Superior */
	#menu-superior ul li a { font-size: 13px; }

}



/**
* Ate telas de 1200px
* ----------------------------------------------------------------------------
*/
@media screen and (max-width: 1200px) {

	/* Elementos em Geral */
	img { max-width: 100%; }

	/* Header */
	.header-desktop { display: none; }
	.header-mobile { display: block; }

	/* Footer */
	#footer { padding: 55px 0; padding-left: 0; }

}



/**
* Ate telas de 1024px
* ----------------------------------------------------------------------------
*/
@media screen and (max-width: 1024px) {}



/**
* Ate telas de 767px (mobile)
* ----------------------------------------------------------------------------
*/
@media screen and (max-width: 767px) {


	/* Elementos */
	h1 { font-size: 32px; }
	h2 { font-size: 26px; }
	h3{ font-size: 22px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }

	table { max-width: 100%; width: 100%; }


	/* Helper Classes */
	.visible-xs { display: block; }
	.hidden-xs { display: none; }
	h2.sub, .sub h2 { font-size: 26px; }


	/* WPCF7 */
	.wpcf7 .row { margin-bottom: 0; }


	/* Blocos que Repetem */
	#faixa-cta { padding: 0 0 45px 0; }
	#faixa-cta h2 { font-size: 26px; margin-bottom: 35px; }


	/* Header */
	#header { padding: 10px 20px; background: transparent; }
	#header #logo img { max-width: 200px; }
	#header.header-fixed { padding: 5px 0; }


	/* Footer */
	#footer { padding: 50px 0; }
	#footer p, #footer a, #footer div { font-size: 14px; text-align: center; }
	#footer ul li { font-size: 14px; text-align: center; margin-bottom: 7px; }
	#footer h4 { font-size: 18px; margin-bottom: 25px; text-align: center; margin-top: 20px; }

	/* col1 */
	#footer .logo-rodape img { max-width: 200px; }
	#footer .social-midias { margin: 35px 0; }

	/* col2 */
	#footer .menu-footer { display: none; }

	/* col3 */
	#footer .coluna4 .local-pin, #footer .coluna4 .cel-pin, #footer .coluna4 .whats-pin, #footer .coluna4 .email-pin { background: none; padding: 0; }

	/* col4 */
	#footer .coluna4 { margin-top: 35px; }


	/* Copyright */
	#copyright { padding: 20px 10px; text-align: center; }
	#copyright .midias { margin-top: 15px; text-align: center;}
	#copyright .midias a { margin: 0 5px; }


	/* PG Home */
	#section-slide { max-height: unset; }

	#section-casa-do-teatro { padding: 35px 0; }
	#section-casa-do-teatro .texto p { padding: 0; }

	#section-div2 { max-height: unset; padding: 35px 0 35px 0; text-align: center; }
	#section-div2 .desc { margin-bottom: 0; }
	#section-div2 #itens .img { text-align: center; }
	#section-div2 #itens p { height: auto; margin-bottom: 25px; }

	#section-video { padding: 35px 0; margin-top: -85px; }
	#section-video .video { max-width: 96%; margin: 0 auto; }
	#section-video .video img { max-width: 100%; height: auto; margin-bottom: 35px; }

	#section-galeria { padding: 35px 0; }
	#inserir-slide-galeria { max-width: 80%; margin: 0 auto; }
	#inserir-slide-galeria img { max-width: 100%; height: auto; }
	#nav-slide-galeria .owl-next { margin-right: -28px; }
	#nav-slide-galeria .owl-prev { margin-left: -28px; }

	#section-depoimentos { padding: 35px 0 65px 0; }
	.section-depoimentos .item { padding: 25px; }
	.section-depoimentos .item p.parentesco { min-height: auto; margin-bottom: 20px; }
	.section-depoimentos .item p.depoimento { font-size: 14px; line-height: 1.5; }
	#section-depoimentos .box { padding: 0 25px; }
	#nav-slide-galeria .owl-depo { margin-right: -28px; }
	#nav-slide-galeria .owl-depo { margin-left: -28px; }


	/* Estrutura Pags Internas */
	.page-title { background-position: top left; background-size: cover; padding: 30px 10px; }
	.page-title header { margin-top: 80px; padding-bottom: 20px; }
	.page-title h1 {}


	/* PG - Nossa Historia */
	#section-historia { padding: 35px 0; }
	#section-historia .texto-historia { padding-right: 0; }

	#section-acoes { padding: 35px 0; }
	#section-acoes .citacao { margin-left: 0; padding: 35px 0; }
	#section-acoes .citacao h4 { padding: 0 30px; }


	/* PG - Nosso Trabalho */
	#section-historia .texto-historia2 { padding-right: 0; }


	/* PG - Criancas */
	#section-texto-criancas { padding: 35px 0; }
	#section-texto-criancas p { padding: 0 15px; }
	#section-texto-criancas .citacao { margin-left: 0; padding: 35px 0; }
	#section-texto-criancas .citacao h4 { padding: 0 30px; }


	/* PG - Jovens */
	#section-texto-jovens { padding: 35px 0; }
	#section-texto-jovens p { padding: 0 15px; }
	#section-texto-jovens .citacao { margin-left: 0; padding: 35px 0; }
	#section-texto-jovens .citacao h4 { padding: 0 30px; }


	/* PG - Contato */
	#section-contatos-page { padding-bottom: 35px; }
	#section-contatos-page .texto-intro { margin-bottom: 0; }


	#linha-contato-colunas-mobile { display: flex; flex-flow: column; }
	#linha-contato-colunas-mobile #form-contato { order: 1; }
	#linha-contato-colunas-mobile #enderecos { order: 2; }

	#enderecos { text-align: center; }
	#section-contatos-page .itaim-endereco, #section-contatos-page .pacaembu-endereco { display: inline-block; }
	#section-contatos-page .itaim-tel, #section-contatos-page .pacaembu-tel { display: inline-block; }
	#section-contatos-page .itaim-whats, #section-contatos-page .pacaembu-whats { display: inline-block; }
	#section-contatos-page .email-contato { display: inline-block; }
	#section-contatos-page .wpb_single_image.vc_align_left { text-align: center; }


	/* PG - Aula Experimental */
	#section-inscricao { padding: 35px 0; }
	.inscricao-formulario { margin-top: 10px; }



}