@charset "utf-8";

/* 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,
	.wp-comments .content-body .comments-list .comment-footer {
		display: flex;
		gap: 5px;
	}

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

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

	.wp-comments .content-body .comments-list .comment-head .comment-date,
	.wp-comments .content-body .comments-list .comment-footer .comment-total-likes {
		font-size: 12px;
		color: #999;
	}

	.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 .comment-reply,
	.wp-comments .content-body .comments-list .comment-footer .comment-like {
		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 .comment-reply:hover,
	.wp-comments .content-body .comments-list .comment-footer .comment-like: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 {
		margin-top: 7px;
	}

	.round-delimiter {
		width: 2px;
		height: 2px;
		border-radius: 50%;
		background-color: #385898;
	}

/* 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;
	}