/* ======================================= */
/* ============ Comments Area ============ */
/* ======================================= */

.comments-area {width: 100%;font-size: 16px;background: #f2f2f2;padding: 40px;}
.comments-area::before, .comments-area::after {content:""; clear:both; display: table;}
.comments-area h3#comments-area { display: none;}
.comments-area h2 {}
.comments-area h2.comments-title {}
.comments-area h2.comments-title span {font-family: 'NiveauGroteskBold';}
.comments-area ol {float: left;list-style: outside none none;margin: 0;padding: 0;width: 100%;}
.comments-area ol li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;list-style: outside none none;margin: 0 0 30px;padding: 0;width: 100%;}
.comments-area ol li:last-child {border:none}
.comments-area ol li .comment-body {}
.comments-area ol li .comment-body .comment-author {border: medium none;margin: 0;padding: 0;width: 100%;font-size: 15px;font-family: 'NiveauGroteskBold';}
.comments-area ol li .comment-body .comment-author b {font-weight: normal; }
.comments-area ol li .comment-body .comment-author::before, .comments-area ol li .comment-body .comment-author::after {content:""; clear:both; display:table    }
.comments-area ol li .comment-body .comment-author img {border: 1px solid #ddd;border-radius: 50%;margin: 0;position: absolute;top: -4px;left: 0;}
.comments-area ol li .comment-body .comment-author p {color: var(--c-main);font-size: 14px;line-height: 18px;margin: 0;}
.comments-area ol li .comment-body .comment-awaiting-moderation {color: #0069b4;display: inline-block;font-style: normal;margin: 0 0 5px;padding: 0;}
.comments-area ol li .comment-body .comment-author cite {float: left;font-size: 18px;margin: 0 3px 0 0;font-weight: 600;font-style: normal;}
.comments-area ol li .comment-body .comment-author span {display: none;float: left;font-size: 12px;}
.comments-area ol li .comment-body .comment-meta {color: var(--c-main);font-size: 12px;line-height: 15px;margin: 0 0 10px 0px;position: relative;padding: 0 0 0 40px;}
.comments-area ol li .comment-body .comment-meta a {font-size: 12px;color: var(--c-main);}
.comments-area ol li .comment-body .comment-content {background: #fff; border-radius: 0 20px 20px 20px; padding: 20px 20px 40px 20px; }
.comments-area ol li ol.children .comment-content {padding: 20px;}
.comments-area ol li .comment-body > p {margin: 0 0 10px 0; width: 100%; background: #f2f2f2; padding: 20px 20px 45px 20px; border-radius: 0px 30px 30px 30px; display: inline-block; width: 100%; }
.comments-area ol li .comment-body p:last-child {margin:0;}
.comments-area ol li .comment-body .reply {margin: -33px 0 24px 20px;}
.comments-area ol li .comment-body .reply a {border-radius: 0;color: #000;display: inline-block;font-size: 12px;height: 24px;line-height: 24px;vertical-align: top; background: none; padding: 0; text-decoration: underline; }
.comments-area ol li ul {float: left;padding: 0;width: 100%;}
.comments-area ol li ul li {border-bottom: medium none;border-top: 1px solid #eee;margin: 15px 0 0;padding: 15px 0 0 20px;}
.comments-area ol li ol.children {margin: 15px 0 5px 0; padding: 0 0 0 30px; }
.comments-area ol li ol.children li {}
.comments-area ol li ol.children li:last-child {border: none; padding: 0; margin: 0; }
.comments-area .comment-respond {float: left;width: 100%;font-size: 16px;font-weight: 300;margin: 20px 0 0 0;}
.comments-area .comment-respond h3 {margin: 0 0 5px 0;/* text-transform:  uppercase; */font-size: 24px;font-family: 'NiveauGroteskBold';}
.comments-area .comment-respond h3 a {color: #000;}
.comments-area .comment-respond h3 small {float: right;margin: 7px 0 0 0;}
.comments-area .comment-respond h3 small a {background: none repeat scroll 0 0 #bbb;border-radius: 0;color: #ffffff;float: right;font-size: 12px;height: 24px;letter-spacing: 0;line-height: 24px;padding: 0 10px;text-shadow: none;text-transform:  none;font-weight:  normal;font-weight: 400;}
.comments-area .comment-respond .comment-notes {font-size: 10px;}
.comments-area .comment-respond .comment-notes span {font-size: 10px;}
.comments-area .comment-respond .comment-form-author {} 
.comments-area .comment-respond .comment-form-author label {font-weight: 400;}
.comments-area .comment-respond .comment-form-author label span {color: #fe0000;font-size: 9px;font-weight: 600;vertical-align: text-top;}
.comments-area .comment-respond .comment-form-author input {width: 100%;}
.comments-area .comment-respond .comment-form-email {}
.comments-area .comment-respond .comment-form-email input {width: 100%;}
.comments-area .comment-respond .comment-form-email label {font-weight: 400;}
.comments-area .comment-respond .comment-form-email label span {color: #fe0000;font-size: 9px;font-weight: 600;vertical-align: text-top;}
.comments-area .comment-respond .comment-form-url {}
.comments-area .comment-respond .comment-form-url label {font-weight: 400;}
.comments-area .comment-respond .comment-form-url input {width: 100%;}
.comments-area .comment-respond .logged-in-as {font-size: 13px;color: #000;}
.comments-area .comment-respond .logged-in-as a {}
.comments-area .comment-respond .comment-form-comment {}
.comments-area .comment-respond .comment-form-comment label {font-size: 16px;font-weight: 600;line-height:  1;margin: 0 0 5px 0;display: block;}
.comments-area .comment-respond .comment-form-comment textarea {height: 120px;line-height: 20px;max-height: 120px;max-width: 100%;padding: 10px;width: 100%;font-weight: 300;border: none;}
.comments-area .comment-respond .form-allowed-tags {display: none;}
.comments-area .comment-respond .form-submit {margin: 0; }
.comments-area .comment-respond .form-submit input {background-color: var(--c-purple-light);color: #fff;padding: 10px 22px;width: auto;border: none;font-size: 16px;/* text-transform: uppercase; */font-weight: 400;}

@media (max-width: 767px) {
    .comments-area {padding: 25px; margin: 0 -20px; width: auto; }
    .comments-area .comment-respond h3 small {width: 100%; float: left; clear: both; display: block; text-align: left; margin: 0 0 10px 0; }
    .comments-area .comment-respond h3 small a {float: none; display: inline-block; margin: 0; }
    .comments-area ol li .comment-body > p {min-width: 100%;}
}