@charset "utf-8";

/**
 * Folha de estilos Especialista Inkor
 * Version: 0.1
 * Font: https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap
 */

/* ====== RESET ====== */
ul, ol {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0;}

/* ====== DEFAULT ====== */
a, button {text-decoration:none; transition:all 0.2s linear;}
a:hover, button:hover {text-decoration:none; transition:all 0.2s linear;}
a img {border:none;}
body {width:100%; height:100%; font-family:'Poppins', sans-serif; font-weight:400; font-size:100%; margin:0;}
.max-w {width:100%; max-width:1920px; margin-left:auto; margin-right:auto;}
.img-responsive {max-width:100%; height:auto;}
.topo {
	background:url(../../img/paginas-especiais/especialista-inkor/bg_topo.jpg) no-repeat center top; background-size:cover; min-height:300px; padding:45px 0;
	margin-bottom:40px;
}
	.topo .logo {
		width:240px; height:80px; margin:0 auto 20px; background:#FFF; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); 
		border-radius:8px; padding-top:22px;
	}
	.topo img {display:block; margin:0 auto;}
	.topo h2 {font-size:28px; font-weight:700; color:#FFF;}
.posts {margin-bottom:90px;}
	.posts .colEspecialista {
		border-radius:8px; background:#FFF; box-shadow:0 30px 30px 0 rgba(0,0,0,0.1); margin-bottom:60px; padding:30px;
	}
	.posts .especialista {margin-bottom:40px; display:flex; align-items:center;}
		.posts .especialista img.perfil {border-radius:50%; box-shadow:0 30px 30px 0 rgba(0,0,0,0.07); margin-right:20px;}
		.posts .loop-posts {width:100%;}
			.posts .site-card {
				width:100%; padding-bottom:30px; margin-bottom:35px; border-bottom:1px solid #D8D8D8; color:#333; 
				font-size:14px; line-height:20px;
			}
			.posts .colEspecialista .site-card:last-of-type{border:none; padding-bottom:0;}
				.posts .site-card .card-image {border-radius:8px;margin-bottom: 20px;overflow: hidden;}
				.posts .site-card .card-text{margin-bottom: 0;}
				.posts .site-card .card-title .title .title-text {font-size:18px; font-weight:700; margin-bottom:8px;}
				.posts .site-card .card-title .title {text-decoration:none; color:#333;}
				.posts .site-card .card-title .title:hover {color:#e74659;}
				.posts .site-card .card-resume .resume{ font-size: 14px;}
	.posts .colDY h2 {
		border-radius:8px; background:#FFF; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); margin-bottom:60px; padding:26px 30px;
		font-size:24px; color:#000;
	}
.contato {
	border-radius:8px; background:#FFF; padding-top:40px; padding-bottom:60px; box-shadow:0 30px 30px 0 rgba(0,0,0,0.1);
	margin-bottom:120px;
}
	.contato .title {margin-bottom:60px; font-size:16px; color:#000;}
		.contato .title h2 {font-size:36px; font-weight:700;}
		.contato .title p {margin-top:15px;}
	.contato h3 {font-size:20px; color:#000; margin-bottom:30px;}
	.contato .linhaCampo,
	.contato .linhaRadio {width:100%; position:relative; margin-bottom:15px;}
		.contato .linhaCampo input.campo-txt {
			width:100%; border:1px solid #ebebeb; background:#ebebeb; outline:none; border-radius:4px; height:52px; 
			padding:0 15px;	transition:all 0.2s linear; font-size:14px; color:#333;
		}
		.contato .linhaCampo textarea.campo-txt {
			width:100%; border:1px solid #ebebeb; background:#ebebeb; outline:none; border-radius:4px; height:140px; 
			padding:15px;	transition:all 0.2s linear; font-size:14px; color:#333; resize:none;
		}
		.contato .linhaCampo:focus-within input.campo-txt,
		.contato .linhaCampo:focus-within textarea.campo-txt,
		.contato .linhaCampo.in-focus textarea.campo-txt,
		.contato .linhaCampo.in-focus input.campo-txt{
			border:1px solid #979797; background:#FFF; transition:all 0.2s linear;
		}
		.contato .linhaCampo label {
			font-size:14px; color:#333; font-weight:400; pointer-events:none; position:absolute; top:0; left:0; 
			margin:16px 0 0 10px; transition:all 0.2s linear; padding:0 5px; z-index:15
		}
		.label-float input::placeholder {color:transparent;}
		.label-float textarea::placeholder {color:transparent;}
		.contato .linhaCampo:focus-within label, 
		.contato .linhaCampo.in-focus label{
			font-size:12px; font-weight:700; background:#FFF; margin-top:-8px;
		}
		.contato .btnForm {
			border:none; outline:none; background:#e74659; border-radius:8px; font-size:16px; font-weight:500; color:#FFF; cursor:pointer; height:48px; width:130px;
		}
		.contato .btnForm:hover {background:#cb2f41;}	

	.contato .wpcf7-list-item.first{margin-left: 0;}
	.contato .css-checkbox input[type=radio] {
		position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; 
		margin:-1px; padding:0; border:0;
	}
	.contato .css-checkbox input[type=radio] + .wpcf7-list-item-label {
		padding-left:30px; min-height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; 
		background-position:0 0; vertical-align:middle; cursor:pointer; margin:0 15px 0 0;
	}
	.contato .css-checkbox input[type=radio]:checked + .wpcf7-list-item-label {
		background:url(../../img/paginas-especiais/especialista-inkor/radiobutton_on.png) no-repeat 0 0;
	}
	.contato .wpcf7-list-item-label {
		background:url(../../img/paginas-especiais/especialista-inkor/radiobutton_off.png) no-repeat 0 0; -webkit-touch-callout:none; -webkit-user-select:none;
		-khtml-user-select:none; -moz-user-select:none;	-ms-user-select:none; user-select:none;
	}
.produtos {margin-bottom:100px;}
	.produtos .title {margin-bottom:40px; font-size:16px; color:#000;}
		.produtos .title h2 {font-size:36px; font-weight:700;}
		.produtos .title p {margin-top:15px;}
	.produtos ul {width:100%; max-width:1470px; margin:0 auto;}
		.produtos ul li {margin:0 auto 40px; text-align:center;}
			.produtos ul li h3 {font-size:18px; color:#333; margin-bottom:20px;}
	
@media only screen and (min-width : 480px) {
	.posts .especialista img.perfil {margin-right:45px;}
	.contato .title h2,
	.produtos .title h2 {font-size:42px;}
}

@media only screen and (min-width : 768px) {
	.topo h2 {font-size:40px;}
	.posts .site-card {display:flex; justify-content:space-between; align-items:center;}
		.posts .site-card .card-image {margin-bottom:0;}
	.produtos ul {display:flex; flex-wrap:wrap; justify-content:center;}
		.produtos ul li {margin:0 15px 40px; width:310px;}
}
		
@media only screen and (min-width : 992px) {
	#especialista-inkor  .container{max-width: 960px;}
	.posts .colDY .loop-posts {margin-left:10px;}
	.posts .colDY h2 {margin:50px 0 60px 10px;}
	.contato .title {margin-top:65px;}
	
}

@media only screen and (min-width : 1200px) {
	#especialista-inkor .container{max-width: 1140px;}
	.contato .title {padding-left:40px;}
}

@media only screen and (min-width : 1410px) {
	.produtos ul {justify-content:space-between;}
		.produtos ul li {margin-left:0; margin-right:0; width:auto;}
}