@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Lato:700');

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff url(../imagens/main-bg.gif);
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

img {
	border: none;
	display: block;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
	display: block;
}

iframe {
	display: block;
}

label {
	cursor: pointer;
}

label:hover {
	text-decoration: underline;
}

input[type=text], input[type=email], input[type=password], input[type=submit], input[type=file], input[type=button] {
	-webkit-appearance: none;
	appearance: none;
	/*-webkit-border-radius: 0;*/
	/*border-radius: 0;*/
}

::-webkit-scrollbar{-webkit-appearance:none;width:10px;background-color:#f0f0f0}
::-webkit-scrollbar-thumb{border:1px solid rgba(255,255,255,0);background-clip:content-box;background-color:#bfbfbf}
::-webkit-scrollbar-thumb:hover{border:1px solid rgba(255,255,255,0);background-clip:content-box;background-color:#a0a0a0}
::-webkit-scrollbar-corner{background-color:#e6e6e6}

/* CABECALHO DO SITE */

.header {
	width: 100%;
	height: 106px;
	background-image: linear-gradient(#00529b 10%, #3b7cb4);
}

.logo {
	position: relative;
	background-image: url(../imagens/logo.png);
	background-repeat: no-repeat;
	width: 900px;
	height: 106px;
	margin: 0 auto;
}

.publicidade {
	position: absolute;
	width: 600px;
	height: 86px;
	top: 10px;
	right: 0;
}

/* FIM CABECALHO DO SITE
-------------------------------------------------------------
-------------------------------------------------------------
DIVS ESTRUTURA DO SITE */

.main {
	width: 100%;
	height: auto;
	padding-bottom: 70px;
	min-height: 100%;
	position: relative;
}

.container-index {
	width:900px;
	margin:10px auto 0 auto;
}

.conteudo-index {
	width:710px;
	float:right;
}

.container-principal {
	width: 710px;
}

.conteudo-principal {
	width:520px;
	float:left;
}

.wp-main { /* ESTILO DA NOVA ESTRUTURA DO SITE, SUBSTITUI O ESTILO ".CONTAINER" */
	padding: 10px;
	background-color: #FAFAFA;
	outline: 1px solid #b8d6fb;
	outline-offset: -1px;
	position: relative;
}

.container {
	padding: 10px;
	background-color: #FAFAFA;
	outline: 1px solid #b8d6fb;
	outline-offset: -1px;
	position: relative;
}

#conteudo {
	width:510px;
	float:left;
}

.footer {
	color: #fff;
	text-align: center;
	width: 100%;
	height: 60px;
	line-height: 30px;
	background-color: #336799;
	position: absolute;
	bottom: 0;
}

/* FIM DIVS ESTRUTURA DO SITE
-------------------------------------------------------------
*/
/*
.fb-comments, .fb-comments * {
	width: 100% !important;
}*/

.wp-menu {
	width: 180px;
	float: left;
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
}

.menu-direito-principal {
	width: 180px;
	float: right;
	/*
	position: -webkit-sticky;
	position: sticky;
	top: 10px;*/
}

#menu-direito {
	width:170px;
	float:right;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.padding-10 {
	padding: 10px;
}

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

.font-size-13 {
	font-size: 13px;
}


/* BOTÃO SCROLLUP */

.scrollup {
    position: fixed;
    bottom: 70px;
    left: 50%;
	margin-left: -450px;
    visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

	.scrollup span {
		color: #fff;
		font-size: 25px;
		width: 50px;
		height: 50px;
		background-color: #000;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
	}

	.fade-in {
		visibility: visible;
		opacity: 0.4;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}


/* BOTÃO WHATSAPP */

.btn-whatsapp {
	position: fixed;
	bottom: 70px;
	right: 30px;
}

	.btn-whatsapp .icon-whatsapp {
		color: #fff;
		font-size: 40px;
		width: 60px;
		height: 60px;
		background-color: #4dc247;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	}

	.btn-whatsapp .tooltip {
		color: #fff;
		font-size: 14px;
		width: 95px;
		height: 30px;
		background-color: #0e7100;
		display: none;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		position: absolute;
		top: 30px;
		right: 70px;
		margin-top: -15px;
	}

	.btn-whatsapp .tooltip::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #0e7100;
	}

	.btn-whatsapp:hover .tooltip {
	  display: flex;
	}

.bloco-principal {
	display:block;
	padding:10px;
	background-color:#FAFAFA;
	position:relative;
	margin-bottom:10px;
	outline:1px solid #b8d6fb;
	outline-offset:-1px;
}

.bloco-principal:last-child {
	margin-bottom:0;
}


/* QUADRO LOGIN */

.wp-login {
	background-color:#fff;
	border:1px solid #b8d6fb;
	color:#000000;
	padding:10px;
	margin-bottom:10px;
	text-align:left;
	line-height:170%;
	border-radius:5px;
}

	.wp-login a {
		color:#000000;
	}

	.wp-login a:hover {
		text-decoration:underline;
	}

	.wp-login .wp-erro {
		display: flex;
		color: #FF0000;
		background-color: #FFEAEA;
		border: 1px solid #ffc4c4;
		padding: 10px;
		margin-bottom: 10px;
		text-align: left;
		border-radius: 5px;
		justify-content: start;
		align-items: center;
		line-height: normal;
	}

	.wp-login .wp-erro img {
		margin-right: 5px;
	}


.box-erro {
	font-size: 12px;
	color: #FF0000;
	background-color: #FFEAEA;
	border: 1px solid #ffc4c4;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box-erro a {
	color: #FF0000;
}

.box-erro a:hover {
	text-decoration: underline;
}

.box-aviso {
	font-size: 12px;
	color: #00529b;
	background-color: #F1F5F9;
	text-align: left;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #b8d6fb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box-aviso a {
	color: #00529b;
}

.box-aviso a:hover {
	text-decoration: underline;
}

.box-erro img, .box-aviso img {
	margin-right: 10px;
	float: left;
	width: 30px;
	height: auto;
	border: 0;
}

.box-cadastro {
	background-color:#fff;
	border:1px solid #b8d6fb;
	color:#000000;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
}

.wp-user {
	background-color: #ffffff;
	border:1px solid #b8d6fb;
	color: #00529b;
	line-height: 170%;
	margin-bottom: 10px;
	padding: 10px 10px 5px 10px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	}

	.wp-user img {
		width: 125px;
		height: 125px;
		margin: 5px auto 10px auto;
	}

	.wp-user a {
		color: #00529b;
	}

	.wp-user a:hover {
		text-decoration: underline;
	}

	.wp-user a.icon {
		font-size: 20px;
		margin: 0 5px 0 5px;
		-webkit-transition: all 0.2s ease;
	}

	.wp-user a.icon:hover {
		color: #b8d6fb;
		-webkit-transition: all 0.2s ease;
		text-decoration: none;
	}

.box-direito {
	font-size:12px;
	background-color:#ffffff;
	border:1px solid #e9eaed;
	padding:10px;
	line-height:170%;
	/*margin-bottom:10px;*/
	border-radius:5px;
	-webkit-border-radius:5px;
}

.box-depoimentos {
	background-color:#ffffff;
	border:1px solid #e9eaed;
	border-radius:5px;
	-webkit-border-radius:5px;
}

.flexbox {
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}

/* ESTRUTURA DOS QUADROS SIMULADOS PÁGINA PRINCIPAL */

.dropbtn {
	background-color: #FAFAFA;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align:center;
	padding: 10px;
	cursor: pointer;
}

.dropbtn img {
	margin-bottom: 7px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 223px;
    z-index: 1;
	background-color: #FAFAFA;
	padding: 0 10px 10px 10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    padding: 10px;
    display: block;
	font-size: 14px;
	background-color: #ffffff;
	color: #666;
	border: 1px solid #e9eaed;
	border-radius: 5px;
	margin-bottom: 5px;
}

.dropdown-content a:last-child {
	margin-bottom: 0;
}

.dropdown-content span {
	margin-right: 7px;
}

.dropdown-content a:hover {
	background-color: #F1F5F9;
	border: 1px solid #007aff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:nth-child(n+4) {
	margin-top: 10px;
}

/* FIM DAS ESTRUTURA DOS QUADROS SIMULADOS PÁGINA PRINCIPAL */

.box-ranking {
	position: relative;
	color: #000000;
	font-size: 12px;
	text-align: center;
	padding: 10px;
	background-color: #ffffff;
	outline: 1px solid #e9eaed;
	outline-offset: -1px;
	width: 130px;
}

	.box-ranking .star {
		position: absolute;
		top: -8px;
		left: -5px;
		width: 50px;
		line-height: 50px;
		font-size: 20px;
		color: #ffffff;
		text-shadow: 1px 1px 1px #000000;
		-webkit-user-select: none;
		background: url(../imagens/gold_star.png);
		background-repeat: no-repeat;
		background-size: 50px 50px;
	}

	.box-ranking img.avatar {
		margin-bottom: 5px;
	}

	.box-ranking:nth-child(n+6) {
		margin-top: 10px;
	}


.wp-title, .wp-back { /* ESTILO DA NOVA ESTRUTURA DO TITULO, SUBSTITUI O ESTILO ".BOX-TITULO, BOX-TITULO-VOLTAR" */
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
}

	.wp-title {
		color: #336799;
		border-bottom: 1px solid #e9eaed;
		margin-bottom: 10px;
		padding-bottom: 7px;
	}

	.wp-back {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.wp-title span, .wp-back span {
		margin-right:7px;
	}

	.wp-back a {
		color:#666;
	}

	.wp-subtitle {
		font-family: 'PT Sans Narrow', sans-serif;
		color: #666;
		font-size: 20px;
		background-color: #ffffff;
		border: 1px solid #e9eaed;
		border-radius: 5px;
		padding: 10px;
		margin-bottom: 10px;
		line-height: 1;
	}

.box-titulo {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 18px;
	/*color:#f06d9b; COR OUTUBRO ROSA*/
	/*color:#666; COR CINZA PADRÃO*/
	color:#336799; /*COR AZUL*/
	text-transform: uppercase;
	border-bottom: 1px solid #e9eaed;
	margin-bottom: 10px;
	padding-bottom: 7px;
}

.box-titulo-voltar {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #666;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	right: 10px;
}

.box-titulo span, .box-titulo-voltar span {
	margin-right:7px;
}

.box-titulo-voltar a {
	color:#666;
}

#box-relatar {
	font-size:12px;
	background-color:#FAFAFA;
	padding:10px;
	height:auto;
	min-height:100%;
}

.box-standard {
	font-size:12px;
	color:#000;
	text-align:left;
	background-color:#ffffff;
	border:1px solid #e9eaed;
	padding:10px;
	margin-bottom:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

.box-standard:last-child {
	margin-bottom:0;
}

a.btn-menu {
	color: #00529b;
	display: block;
	background-color: #ffffff;
	border: 1px solid #b8d6fb;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.1s ease;
}

	a.btn-menu:hover {
		background-color: #F1F5F9;
		border: 1px solid #007aff;
		-webkit-transition: all 0.1s ease;
	}

	a.btn-menu span {
		color:#b8d6fb;
		margin-right: 7px;
	}


a.btn-direito {
	background-color: #ffffff;
	border: 1px solid #e9eaed;
	font-size: 14px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.1s ease;
}

	a.btn-direito {
		color: #666;
		display: block;
	}

	a.btn-direito:hover {
		background-color: #F1F5F9;
		border: 1px solid #007aff;
		-webkit-transition: all 0.1s ease;
	}

	a.btn-direito span {
		margin-right: 7px;
	}

.botao-login, .botao-confirmar {
	font-size:17px;
	color:#007aff;
	background-color:#ffffff;
	border:1px solid #007aff;
	height:43px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all 0.3s ease;
}

.botao-login:hover, .botao-confirmar:hover {
	background-color:#F1F5F9;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
}

	.botao-login {
		width:100%;
		margin-bottom:5px;
	}

	.botao-confirmar {
		width:150px;
	}

.botao-consultar {
	font-size:15px;
	color:#007aff;
	background-color:#ffffff;
	border:1px solid #007aff;
	height:25px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0px;
	-webkit-transition: all 0.3s ease;
}

	.botao-consultar:hover {
		background-color:#F1F5F9;
		cursor:pointer;
		-webkit-transition: all 0.3s ease;
	}

a.botao-cadastro {
	font-size:17px;
	line-height:43px;
	color:#ffffff;
	display: block;
	background-color:#009c00;
	margin-top:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.1s ease;
}

	a.botao-cadastro:hover {
		text-decoration: underline;
	}

#botao-voltar {
	font-size:17px;
	background-color:#ffffff;
	border:1px solid #007aff;
	height:43px;
	line-height:43px;
	text-align:center;
	-webkit-border-radius:5px;
	border-radius:5px;
}

	#botao-voltar a {
		display:block;
		color:#007aff;
	}

	#botao-voltar:hover {
		background-color:#F1F5F9;
	}

	#botao-voltar {
		width:150px;
	}

.form-input, .form-menor {
	font-size:12px;
	color:#000000;
  	height:30px;
  	margin-bottom:10px;
	padding:5px;
  	background:none;
  	border:1px solid #d8d8d8;
	border-radius:5px;
	-webkit-border-radius:5px;
}

	.form-input:focus, .form-menor:focus {
		border-color:#007aff;
		outline:0;
	}

	.form-menor {
		width:40%;
	}

	.form-input {
		width:100%;
	}

.select-form {
	font-size:12px;
	color:#000000;
  	height:30px;
  	margin-bottom:10px;
  	background:none;
  	border:1px solid #d8d8d8;
	border-radius:5px;
	-webkit-border-radius:5px;
}

	.select-form:focus {
		border-color:#007aff;
		outline:0;
	}

.textarea-form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
  	height:70px;
	width:100%;
	margin-bottom:10px;
  	border:1px solid #e9eaed;
}

	.textarea-form:focus {
		border-color:#007aff;
		outline:0;
	}

.wp-table {
	text-align: center;
	background-color: #FFFFFF;
	border: 1px #CCC solid;
    width: 100%;
	table-layout: fixed;
}

	.wp-table a {
		color: blue;
	}

	.wp-table a:hover {
		text-decoration: underline;
	}

	.wp-table a:active {
		color: red;
	}

	.wp-table tr {
		height: 35px;
	}

	.wp-table tr:nth-child(1) {
		background-color: #CCC;
		color: #000000;
		height: 25px;
	}

/* ESTRUTURA COMPRA PACOTES */

.btn-pacote {
	font-family: 'Oswald', sans-serif;
	display: flex;
	align-items: center;
	background-color: #009c00;
	color: #fff;
	font-size: 17px;
	border-radius: 5px;
	margin-bottom: 10px;
	text-shadow: 1px 1px rgba(0,0,0,0.6);
	box-shadow: inset 1px 1px 0px 0px rgba(94, 197, 13, 0.7);
	border: solid 1px #009c00;
}
	/*
	a.btn-pacote:hover {
		box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
	}
	*/
	.btn-pacote span {
		font-size: 20px;
		background-color: #0e7100;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 35px;
		width: 35px;
		border-radius: 50%;
		margin: 7px;
		border: 2px solid #fff;
		box-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	}

.columns {
		width: 223px;
	}

	.package {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.package .header-price {
		background-color: #009c00;
		color: white;
		font-size: 20px;
		text-shadow: 1px 1px rgba(0,0,0,0.3);
	}

	.package li {
		font-size: 14px;
		border-left: 1px solid #e9eaed;
		border-bottom: 1px solid #e9eaed;
		border-right: 1px solid #e9eaed;
		padding: 20px;
		text-align: center;
	}

	.package .grey {
		background-color: #e9eaed;
	}

	.package .price {
		font-size: 30px;
		color: #333;
	}

	.package .icon-checkmark {
		color: #009c00;
		margin-right:7px;
	}

	.package .icon-close {
		color: #ff0000;
		margin-right:7px;
	}

	.package .recurrence {
		font-size: 15px;
		margin-top: 5px;
	}

	.package .dollar-sign {
		font-size: 14px;
		margin-right: 3px;
	}

.btn-pagseguro {
	background-color: #009c00;
	color: #fff;
	padding: 10px 25px;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	transition: 0.3s;
}

	.btn-pagseguro:hover {
		box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
	}

.info {
	color: rgb(109, 109, 109);
	font-size: 14px;
	background-color: rgb(246, 246, 246);
	border: 1px solid #e9eaed;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.info-pagseguro {
	color: rgb(109, 109, 109);
	font-size: 14px;
	background-color: rgb(246, 246, 246);
	border: 1px solid #e9eaed;
	padding: 10px;
	border-radius: 5px;
}

	.info-pagseguro img {
		margin-left: 10px;
		width: 230px;
		float: right;
	}

.list-unordered {
	list-style-type: none;
	padding: 10px;
	margin: 0 0 10px 0;
	color: rgb(109, 109, 109);
	font-size: 14px;
	background-color: rgb(246, 246, 246);
	border: 1px solid #e9eaed;
	border-radius: 5px;
	}

	.list-unordered li {
		margin: 0 0 20px 0;
		padding-left: 30px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBOTBFMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNjY3IDIuNDc1TDE3LjU0Ny4zMzZhMS4xMjkgMS4xMjkgMCAwIDAtMS42MDcgMEw3LjUyIDguODM4IDQuMDYyIDUuMzQ2YTEuMTMgMS4xMyAwIDAgMC0xLjYwOSAwbC0yLjEyIDIuMTRhMS4xNTcgMS4xNTcgMCAwIDAgMCAxLjYyNWw1Ljg1MSA1LjkwOGExLjg0IDEuODQgMCAwIDAgMi42MTYuMDA1YzIuNjc1LTIuNjgzIDguNjg3LTguNzMxIDEwLjg2Ni0xMC45MjNhMS4xNTQgMS4xNTQgMCAwIDAgLjAwMS0xLjYyNnoiLz48L3N2Zz4=");
		background-repeat: no-repeat;
		background-position: 0 3px;
	}

	.list-unordered li:last-child {
		margin: 0;
	}

.ribbon {
	width: 130px;
	height: 130px;
	//background-color: #eac;
	position: absolute;
	top: -4px;
	left: -4px;
	overflow: hidden;
}

	.ribbon span {
		width: 183.85px;
		height: 30px;
		line-height: 30px;
		background-color: darkred;
		display: block;
		text-align: center;
		position: absolute;
		top: 100px;
		transform-origin: left bottom;
		transform:rotate(-45deg);
		color: #fff;
		text-transform: uppercase;
		box-shadow: 0 5px 10px rgba(0,0,0,.1);
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		text-shadow: 0 1px 1px rgba(0,0,0,.2);
	}

	.ribbon:after, .ribbon:before {
		content:'';
		border-top: 2.5px solid transparent;
		border-right: 2.5px solid #999;
		border-bottom: 2.5px solid #999;
		border-left: 2.5px solid transparent;
		position: absolute;
	}

	.ribbon:before {
		bottom: 0;
		left: 0;
	}

	.ribbon:after {
		top: 0;
		right: 0;
	}

.columns .badge {
	position: absolute;
	width: 150px;
	top: 20px;
	right: 45px;
}

@media screen and (max-width: 1023px) {

	.main {
		padding-bottom: 110px;
	}

	.footer {
		height: 30px;
	}

	.btn-whatsapp, .scrollup {
		bottom: 40px;
	}
}

/* ESTILOS COMENTÁRIOS */

/* Campo comments */

.wp-comments {
	font-size: 14px;
	color: #1c1e21;
	border-radius: 5px;
	border: 1px solid #e9eaed;
	background-color: #fff;
}

	.wp-comments .content-header {
		padding: 10px;
		font-weight: bold;
	}

	.wp-comments .content-body {
		padding: 10px;
	}

	.wp-comments .content-body form[name=comment] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		grid-template-rows: auto;
		grid-gap: 10px;
	}

	.wp-comments .content-body img {
		width: 50px;
		grid-column: 1 / 2;
	}

	.wp-comments .content-body form[name=comment] textarea {
		padding: 10px;
		border: 1px solid #cecece;
		grid-column: 2 / 4;
		outline: none;
		font-family: inherit;
		font-size: inherit;
		resize: none;
		field-sizing: content;
		min-height: 60px;
		color: #1c1e21;
	}

	.wp-comments .content-body form[name=comment] input[type=submit],
	.wp-comments .content-body form[name=comment] input[type=button] {
		grid-column: 3 / 4;
	}

	.wp-comments .content-body input {
		background-color: #4267b2;
		border: none;
		color: #fff;
		border-radius: 2px;
		padding: 6px 8px;
		font-size: inherit;
		cursor: pointer;
		font-weight: bold;
		transition: background-color 0.2s ease;
	}

	.wp-comments .content-body input:hover {
		background-color: #365899;
		transition: background-color 0.2s ease;
	}

	.wp-comments .content-footer {
		display: flex;
	}

	.wp-comments .content-footer button {
		width: 100%;
		background-color: #4267b2;
		border: none;
		color: #fff;
		padding: 10px;
		margin: 10px;
		font-size: inherit;
		font-weight: bold;
		cursor: pointer;
		border-radius: 2px;
	}

	.wp-comments .content-footer button:hover {
		background-color: #365899;
		transition: background-color 0.2s ease;
	}

/* Campo comments-list */

.wp-comments .content-body .comments-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.wp-comments .content-body .comments-list ul li {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: minmax(50px, auto);
		grid-gap: 10px;
		margin-top: 20px;
	}

	.wp-comments .content-body .comments-list ul li.comment-reply {
		margin-left: 60px;
	}

	.wp-comments .content-body .comments-list .comment-head {
		display: flex;
		align-items: baseline;
	}

	.wp-comments .content-body .comments-list .comment-head .comment-name {
		font-weight: bold;
		color: #385898;
		margin-right: 5px;
	}

	.wp-comments .content-body .comments-list .comment-head .comment-date {
		font-size: 12px;
		color: #999;
		margin-right: 5px;
	}

	.wp-comments .content-body .comments-list .comment-head .comment-edit {
		margin-right: 5px;
	}

	.wp-comments .content-body .comments-list .comment-head .comment-edit,
	.wp-comments .content-body .comments-list .comment-head .comment-remove,
	.wp-comments .content-body .comments-list .comment-footer {
		font-size: 12px;
		color: #385898;
		cursor: default;
	}

	.wp-comments .content-body .comments-list .comment-head .comment-edit:hover,
	.wp-comments .content-body .comments-list .comment-head .comment-remove:hover,
	.wp-comments .content-body .comments-list .comment-footer:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	.wp-comments .content-body .comments-list .comment-content {
		margin-top: 5px;
	}

	.wp-comments .content-body .comments-list .comment-footer {
		display: inline-block;
		margin-top: 5px;
	}

/* Campo edit, reply e editReplyForm */

.wp-comments .content-body form[name=edit],
.wp-comments .content-body form[name=reply],
.wp-comments .content-body form[name=editReplyForm] {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	grid-template-rows: auto;
	grid-gap: 10px;
	margin-top: 20px;
}

.wp-comments .content-body form[name=reply],
.wp-comments .content-body form[name=editReplyForm] {
	margin-left: 60px;
}

.wp-comments .content-body form[name=edit] textarea,
.wp-comments .content-body form[name=reply] textarea,
.wp-comments .content-body form[name=editReplyForm] textarea {
	padding: 10px;
	border: 1px solid #cecece;
	grid-column: 2 / 5;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	field-sizing: content;
	min-height: 60px;
	color: #1c1e21;
}

.wp-comments .content-body form[name=edit] input[name=cancelar],
.wp-comments .content-body form[name=reply] input[name=cancelar],
.wp-comments .content-body form[name=editReplyForm] input[name=cancelar] {
	grid-column: 3 / 4;
}

.wp-comments .content-body form[name=reply] input[type=submit],
.wp-comments .content-body form[name=editReplyForm] input[type=submit],
.wp-comments .content-body form[name=edit] input[type=submit] {
	grid-column: 4 / 5;
}

.outer-comments {
	padding: 10px;
    background-color: #FAFAFA;
    outline: 1px solid #b8d6fb;
    outline-offset: -1px;
    position: relative;
	margin-top: 10px;
}