/**Comment Section **/

div#respond input {
	border: none;
	width: 100%;
	padding: 10px 0px;
	margin-top: 10px;
}

div#respond input:focus {
	outline: none;
	padding: 9px;
	width: 98%;
}

textarea#comment {
	width: 100%;
	border: 1px solid gainsboro;
	margin-top: 11px;
	resize: none;
	border-radius: var(--curve);
	padding: 10px;
}

textarea#comment:focus {
	outline: 1px solid gainsboro;
	font-size: 20px;
}

p.comment-form-cookies-consent {
	display: flex;
	max-width: 100%;
	font-size: 15px;
	height: 26px;
	text-align: left;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
}

input#wp-comment-cookies-consent {
	width: 15px !important;
	text-align: center;
	padding: 0px !important;
	margin: 0px 6px 0px 0px !important;
}

input#submit {
	background: var(--prigri);
	color: white;
	font-size: 18px;
	cursor: pointer;
	transition: 0.2s ease all;
	border-radius: var(--curve);
}

#submit:hover {
	border-radius: var(--curve);
	background: white;
	color: var(--pri);
	border: 1px solid var(--pri);
}

/*Comment List Design */

.comment-body {
	border: 1px solid gainsboro;
	border-radius: 0px;
	padding: 16px;
	box-sizing: border-box;
	margin-top: 30px;
	box-shadow: var(--sha);
}

.comment-list a {
	text-decoration: none !important;
}

cite.fn {
	font-style: inherit;
	margin-right: 9px;
	text-decoration: none;
}

.comment-list {
	display: block;
	list-style: none;
}

.comment-list .comment .comment-body .comment-author {
	display: flex;
	justify-content: left;
	align-items: center;
}

.comment-list .comment .comment-body .comment-author .avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 11px;
}

.comment-list .comment .comment-body .reply {
	background: var(--pri);
	height: 37px;
	width: 30%;
	text-align: center;
	border-radius: 22px;
	cursor: pointer;
}

.comment-list .comment .comment-body .reply .comment-reply-link {
	color: var(--ter);
}