/* 5.13 Comments
   ========================================================================== */

.comments-area{
	width: auto !important;
  	margin: 0 !important;
	padding: 0 50px;
  	float: none !important;
  	border-top: 0.5px solid var(--white);
}

@media screen and (max-width:576px){
.comments-area{
	padding: 0 20px;
}
}

.comments-link a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Font Awesome */
.bypostauthor > .comment-body .fn:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before {
	display: inline-block;
	margin-right: .3em;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit;
	speak: none;
}

.comment-reply-title {
	font: 1rem;
	font-weight: bold;
}

/* FontAwesome */

body .fa{
	font-family: FontAwesome, Font Awesome\ 5 Free, Font Awesome\ 5 Brands;
}
body .fa.fab, body .fa.fas, body .fa.far{
	font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Brands, FontAwesome;
}
.fab.fa-facebook-f:before {
    content: "\f39e";
}

.fa, .fas{ font-weight: 900;}
.far, .fab{font-weight:400;}

/*******/

.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.comments-title {
	font-size: 1rem;
	text-transform: uppercase;
	padding: 0px;
	padding-top:20px;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list{
	max-width:1100px;
}

.comment-list > li:after,
.comment-list .children > li:before {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	border-bottom:1px dotted;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 20px 0;
	position: relative;
	& p{
		font-size:0.8rem;
	}
}

.comment-author {
	float: left;
	max-width: 74px;
}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}

.bypostauthor > .comment-body .fn:before {
	content: "\f005";
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width:         calc(100% - 124px);
}

.comment-meta,
.comment-meta a {
	color: #a2a2a2;
	font-size: 13px;
}

.comment-metadata {
	margin-bottom:0px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f071";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f112";
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	border: 1px solid #353535;
	border-width: 1px 0 0;
	padding: 0px 0 30px;
	border:none;
	max-width:1100px;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
	border-width: 0 0 1px;
}

.comment-reply-title {
	border-bottom: 1px solid;
    border-top: 1px solid;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

.comment-reply-title small a {
	color: #FFF;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

 .comment-reply-title small a:hover {
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f00d";
	vertical-align: top;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 25px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"]
 {
	display: block;
    padding: 5px 0;
    width: 600px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form p.comment-notes
{
	width: 100%;
	max-width: 600px;
	color:	#7a7a7a;
}
.comment-form p.comment-notes {
	margin-bottom: 15px;
}

.comment-form textarea {
	width: 99%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686868;
	font-size: 12px;
	display:none;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
	padding: 0;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}



@media only screen and (max-width: 639px){
/* Comments */
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond {
		padding-left: 20px;
		padding-right: 20px;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: 100%;
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}

	.comment-form textarea,
.wpcf7-textarea{
    width:100%;
	height:145px;
}

.comment-form #submit,
.wpcf7-submit{
	width:100%;
}
}



@media only screen and (max-width: 359px){
	/* Comments */
	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}
}