/*
Theme Name: Totem Vestibulares Child
Theme URI: http://totemvestibulares.com.br/
Description: Tema filho do novo site do Totem Vestibulares
Author: ODIG Digital Experts
Author URI: http://odig.net
Version: 2.0
Template: totemvesti
*/
@import url("../totemvesti/style.css");



/* CSS PAGs Escolha sua Turma */

.bkg-turmas {
	background: url(/wp-content/uploads/2017/08/bkg-lines5.jpg) no-repeat center top;
	background-size: 100%;
}

.cada-turma {
	width: 31%;
	height: 380px;
	float: left;
	margin: 1% 10px;
	overflow: hidden;
	position: relative;
	display: none;
}

.turma-img { 
	position: absolute;
	z-index: 10;
	width: 100%;
	height: auto;
}

.turma-img img { width: 100%; }

.turma-infos {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 380px;
	background: rgba(87,79,70,0.9);
	padding: 30px;
	box-sizing: border-box;
}

.cada-turma:hover .turma-infos { z-index: 12; }

.turma-infos .turma-desc {
	height: 270px;
	border-bottom: 1px solid #FFF;
}
.turma-infos h2 { 
	color: #FFF;
	font-size: 28px;
	margin-bottom: 40px;
}
.turma-infos p { color: #FFF; margin: 0; }
.turma-infos a { margin-top: 20px; }
.turma-infos a:hover {
	background-color: #ffcb08;
	border-color: #ffcb08;
	color: #574f46;
}

h3.unidade-selecionada { margin-top: 30px; }


/* CSS PAGs de cada turma */

#single-turma { padding-top: 120px; margin-bottom: 80px; }
.turma-breadcrumb {
	display: table;
	border-top: 3px solid #ffcb08;
	padding: 5px;

}
.turma-breadcrumb h1 { 
	font-size: 18px; 
	font-weight: 400;
	color: #f36f21;
} 
a.btn-voltar-turmas {
	display: block;
	text-align: right;
	margin: 5px 15px 0 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
    right: 0;
}

.conteudo-turma { margin-top: 40px; }

.conteudo-turma .turma-img {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.conteudo-turma h2, .conteudo-turma h2 p {
	text-align: center;
	text-transform: none;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0;
}
.conteudo-turma .infos-rapidas {
	margin: 30px 0;
}
.conteudo-turma .infos-rapidas::after {
	content: "";
	display: block;
	clear: both;
}
.conteudo-turma .infos-rapidas h3 { 
	color: #574f46; 
	margin-bottom: 20px; 
	font-weight: 600; 
	padding-bottom: 5px;
}
.conteudo-turma .infos-rapidas p { 
	margin: 0; 
	font-size: 14px;
	line-height: 18px;
}
.conteudo-turma .infos-rapidas .infos-rapidas-first { 
	float: left;
	width: 33.3333%;
	height: 180px;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
	background: #d2d2d2;
	border-top: 7px solid #ffa43b;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.conteudo-turma .infos-rapidas .infos-rapidas-first:hover { 
    -webkit-box-shadow: inset 0 180px rgba(255,164,59,1);
    -moz-box-shadow: inset 0 180px rgba(255,164,59,1);
    box-shadow: inset 0 180px rgba(255,164,59,1);
}
.conteudo-turma .infos-rapidas .infos-rapidas-first h3 { color: #ffa43b; border-bottom: 1px solid #ffa43b; } 
.conteudo-turma .infos-rapidas .infos-rapidas-first:hover h3 { color: #574f46;} 

.conteudo-turma .infos-rapidas .infos-rapidas-center { 
	float: left;
	width: 33.3333%;
	height: 180px;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
	background: #d2d2d2;
	border-top: 7px solid #f58d15;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.conteudo-turma .infos-rapidas .infos-rapidas-center:hover { 
	-webkit-box-shadow: inset 0 180px rgba(245,141,21,1);
    -moz-box-shadow: inset 0 180px rgba(245,141,21,1);
    box-shadow: inset 0 180px rgba(245,141,21,1);
}
.conteudo-turma .infos-rapidas .infos-rapidas-center h3 { color: #f58d15; border-bottom: 1px solid #f58d15; } 
.conteudo-turma .infos-rapidas .infos-rapidas-center:hover h3 { color: #574f46; } 

.conteudo-turma .infos-rapidas .infos-rapidas-last { 
	float: left;
	width: 33.3333%;
	height: 180px;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
	background: #d2d2d2;
	border-top: 7px solid #f36f21;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.conteudo-turma .infos-rapidas .infos-rapidas-last:hover {
	-webkit-box-shadow: inset 0 180px rgba(243,111,33,1);
    -moz-box-shadow: inset 0 180px rgba(243,111,33,1);
    box-shadow: inset 0 180px rgba(243,111,33,1);
}
.conteudo-turma .infos-rapidas .infos-rapidas-last h3 { color: #f36f21; border-bottom: 1px solid #f36f21; } 
.conteudo-turma .infos-rapidas .infos-rapidas-last:hover h3 { color: #574f46;} 


.conteudo-turma .qode-accordion-holder .qode-title-holder { 
	text-transform: uppercase;
	font-weight: 600;
	background: #e2e2e2; 
}
.conteudo-turma .qode-accordion-holder .qode-title-holder.ui-state-active, .conteudo-turma .qode-accordion-holder .qode-title-holder.ui-state-hover {
	background: #ffcb08; 
	color: #574f46;
}
.conteudo-turma .qode-accordion-content-inner { padding-bottom: 20px; }

.btn-fazer-matricula { display: table; width: 100%; margin-top: 40px; }
.btn-fazer-matricula a {
    width: 100%;
    white-space: pre-wrap;
    box-sizing: border-box;
    text-align-last: center;
    font-size: 16px;
    margin: 0;
    padding: 20px 20px 20px 50px;
    background-position: 50px 15px;
}
.btn-fazer-matricula a:hover { background-position: 50px -39px; }

.turmas-duvida { 
	display: table;
	width: 100%;
	margin-top: 20px;
	padding: 40px;
	box-sizing: border-box;
	background: #574f46;
	color: #FFF; 
}
.turmas-duvida h2 {
	color: #FFF;
	font-size: 24px;
} 
.turmas-duvida p {
	color: #FFF;
    margin: 0 0 20px;
}

.btn-fazer-matricula.scroll {
	margin-top: 110px;
}

/* CSS PAGs de matrícula */

.hidden-desktop { display: none; } 

.bkg-matricula {
	background: url(/wp-content/uploads/2017/08/bkg-lines7.jpg) no-repeat left bottom;
	background-size: 100%;
}

.select-cidades, .select-turmas {
	-webkit-appearance: none;
    border: 1px solid #dadada;
    padding: 20px 80px 20px 20px;
    min-width: 516px;
    display: block;
    border-radius: 0;
    font-size: 22px;
    color: #574f46;
    margin: 30px auto 0 auto;
    background: #e2e2e2 url(/wp-content/uploads/2017/08/seta-select.png) no-repeat 455px center;
}
.select-cidades:focus, .select-turmas:focus { outline: none; } 

.form-turmas {
	display: none;
}
.form-turmas h2 {
	font-size: 16px;
	font-weight: 400;
	display: inline-table;
}
.form-turmas h2 span { color: #f36f21; }

#wpcf7-f343-o1 .your-cidade, #wpcf7-f343-o1 .your-turma, #wpcf7-f507-o1 .your-cidade, #wpcf7-f507-o1 .your-turma, #wpcf7-f509-o2 .your-cidade, #wpcf7-f509-o2 .your-turma {
	display: none;
}

.optionTurma, .optionPagamento {
	display: none;
}

.wpcf7-form-control-wrap.destinatarios {
	display: none;
}

a.btn-avancar {
	display: table;
    margin: 30px auto 0;
    background: #ffcb08;
    color: #574f46;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1px;
    padding: 16px 30px 12px;
}
a.btn-avancar:hover { background: #574f46; color: #ffcb08; }

a.escolha-outra { 
	float: right; 
	background-color: #dedede;
	border-color: #dedede;
	color: #574f46;
}
a.escolha-outra:hover {
	background-color: #574f46;
	border-color: #574f46;
	color: #fff;
} 


#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nat, 
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cpf, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-rg,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cid, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-estado,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-fone, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cel,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-fone, #wpcf7-f507-o1 .wpcf7-form-control-wrap.your-cel { width: 49%; display: inline-table; }
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-rg,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cid, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-fone,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-fone { margin-right: 2%; }
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-num, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento, 
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cep { width: 32%; display: inline-table; }
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento { margin-right: 2%; margin-left: 2%; }
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cpf input, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-rg input, 
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc input, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nat input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cid input, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-estado input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-num input, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cep input, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-fone input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cel input, #wpcf7-f507-o1 .wpcf7-form-control-wrap.your-fone input,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-cel input { margin: 0; }
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nat,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-num, #wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cep { margin-bottom: 10px; }
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-name input, #wpcf7-f343-o1 textarea { margin-top: 0; }
#wpcf7-f343-o1 .wpcf7-form-control.wpcf7-submit, #wpcf7-f507-o1 .wpcf7-form-control.wpcf7-submit { float: right; }

.hidden-desktop p { font-size: 18px; line-height: 24px; text-align: left; }


@media (max-width: 1300px) {

	.cada-turma, .turma-infos { height: 350px; }
	.turma-infos .turma-desc { height: 250px; }
	.turma-infos h2 { margin-bottom: 20px; } 

}

@media (max-width: 1200px) {
	
	.cada-turma, .turma-infos { height: 303px; }
	.turma-infos .turma-desc { height: 203px; }
	.turma-infos h2 { margin-bottom: 10px; } 
	.turma-infos br { display: none; }

}

@media (max-width: 1000px) {
	
	.cada-turma { width: 47%; }
	.cada-turma, .turma-infos { height: 375px; }
	.turma-infos .turma-desc { height: 275px; }
	.turma-infos h2 { margin-bottom: 40px; } 
	.turma-infos br { display: block; }
	.form-turmas h2 { display: block; margin-left: 0 !important; }

}

@media (max-width: 767px) {
	
	.cada-turma { width: 46%; }
	.cada-turma, .turma-infos { height: 290px; }
	.turma-infos .turma-desc { height: 190px; }
	.turma-infos h2 { margin-bottom: 10px; line-height: 28px } 
	.turma-infos br { display: none; }
	#wpcf7-f343-o1 textarea, #wpcf7-f507-o1 textarea { margin-top: 10px; }
	a.escolha-outra { position: absolute; top: -90px; right: 0; }

	.bkg-turmas { background-size: 200%; background-position: right top; } 

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

}

@media (max-width: 600px) {
	
	.cada-turma { width: 100%; margin: 20px 0; float: none; }
	.cada-turma, .turma-infos { height: auto; }
	.turma-img, .turma-infos { position: relative; }
	.turma-infos { background: none; padding: 25px; }
	.turma-infos .turma-desc { height: auto; border-bottom: 1px solid #574f46; padding-bottom: 20px; }
	.turma-infos h2 { margin-bottom: 20px; line-height: 28px; color: #574f46; }
	.turma-infos p { color: #574f46;  } 
	.turma-infos br { display: block; }

	.select-cidades, .select-turmas {
	    min-width: 100%;
	    width: 100%;
	    box-sizing: border-box;
	    background-position: 96% center; 
	    font-size: 16px;
	}

	#wpcf7-f343-o1 .wpcf7-form-control-wrap, #wpcf7-f507-o1 .wpcf7-form-control-wrap { width: 100% !important; margin: 0 !important; }
	#wpcf7-f343-o1 .wpcf7-form-control-wrap input, #wpcf7-f507-o1 .wpcf7-form-control-wrap input { margin: 0 0 10px 0 !important; }

}

@media (max-width: 450px) {

	.turma-infos { background: none; padding: 20px; }

	.select-cidades, .select-turmas { background-position: 97% center; background-size: 25px; padding: 15px 30px 15px 10px; font-size: 15px; }

	h3.unidade-selecionada { font-size: 20px; }

}