/* ## Comments
--------------------------------------------- */
#recaptcha-error{display: none;}
#comments.comments-area{   
    width: 75%;
    margin: 2rem auto;
}
.comment-notes{font-size: 12px;}
#wait_approval{
    padding-top: 40px;
    color: #2da507;
}
.comments-title{text-align: center;}
#respond h2{ padding: 0;}
.comments-title:after, #respond h2:after{content: none;}
.comment-list{overflow: hidden; margin-bottom: 2rem;}
.comment-respond,
.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 45px 40px 45px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #ccc;
}
.entry-comments h2{
    font-size: 30px;
    margin-bottom: 30px;
}
.comment-respond h2,
.entry-pings h2{
    font-size: 20px;
    margin-bottom: 30px;
}
.comment-respond {
    padding-bottom: 5%;
    margin: 20px 1px 20px 1px;
        border-left: none !important;
}
.comment-form-email label,
.comment-form-author label,
.comment-form-comment label{
	display: none;
}
#comment{
    border: 1px solid #c7c7c7;
    border-radius: 5px;
}
.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}
.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}
.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}
.comment-content {
    padding: 1rem;
    position: relative;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
}
.depth-1 .comment-content {
    background: rgb(222 234 217 / 75%);
}
.depth-2 .comment-content {
    border-left: 4px solid rgb(222 234 217 / 75%);
    background: #fff;
}
.comment-content > .com-txt,
.comment-content .comment-txt {
    padding-left: 1rem;
}
.comment-content .comment-txt .un{
    font-weight: bold;
}
.comment-content .comment-txt .says{
    font-style: italic;
}
.comment-content .comment-txt{
    margin-top: -1.5rem;
    margin-bottom: .5rem;
}
.comment-content .reply {
    margin-top: 1rem;
    text-align: right;
}
.comment-content .reply a{
    background-color: transparent;
    color: #333;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 8px 15px;
}
.comment-content .reply a:hover{
    opacity: .5;
}
.comment-img{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem;
}
.comment-meta{
    display: inline-block;
    margin-left: .5rem;
}
.comment-author img{
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}
.comment-metadata time{font-size: 12px;}
.comment-list .depth-1 {
    font-size: 14px;
    padding: 10px 30px;
}
.comment-list .depth-1.parent {
    padding: 10px 30px 25px;
    position: relative;
}
.comment-list .depth-2 {
    margin-left: 10%;
    width: 90%;
}
.comment-form-author, .comment-form-email {
    width: 33%;
    float: left;
    margin-top: 1rem;
}
.comment-form-author {margin-right: 3%;}
.comment-form-author input{width: 100%;}
#comment::placeholder,
.comment-form-author input::placeholder,
.comment-form-email input::placeholder{color: #000; font: 600 18px 'Nunito', sans-serif; padding-left: 5px;}
.comment-form-cookies-consent label {
    display: block;
    margin-right: 12px;
}
#commentform #comment{width: 100%;}
.comment-form-cookies-consent{clear: both; margin: 1rem 0; padding-top: 2rem;}
#wp-comment-cookies-consent{display: inline-block;}
.comment-form-cookies-consent label{display: inline-block; margin-left: 12px;}

#commentform #submit {
    border: none;
    border-radius: 3px;
    background: #749862;
    display: table;
    float: right;
    color: #fff;
    font-size: 14px;
    padding: .5rem 1rem;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
#commentform #submit:hover,
#commentform #submit:focus {
    outline: 0;
    background: #4f713e;
}
.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}
.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid #fff;
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}
.entry-pings .reply {
    display: none;
}
.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}
.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}
.comment-reply-link:hover{
    color: #fff;
}
/* .comment-notes{
    display:none;   
} */

/* comments list */
.comment-list .depth-1:nth-of-type(1n+4),
.depth-2 ~ .depth-2,
#less-btn,
#hide-replies
{display: none;}
#hide-replies, #show-replies{
    border: none;
    background: none;
    color: #333;
    letter-spacing: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    position: absolute;
    bottom: 0;
    right: 25px;
    font: 400 12px 'Montserrat',sans-serif;
}
#more-btn, #less-btn{
    display: none;
    float: right;
    margin-right: 3rem;
    color: #898989;
    border: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: none;
    font: 400 14px 'Nunito', sans-serif;
    text-transform: uppercase;
}
#more-btn:hover, #less-btn:hover,
#hide-replies:focus, #show-replies:focus,
#more-btn:focus, #less-btn:focus{
    outline: 0;
    opacity: .5;
}
#hide-replies:hover, #show-replies:hover{opacity: .5;}
@media screen and (min-width: 576px){
    .comment-content > .com-txt,
    .comment-content .comment-txt {
        padding-left: 5rem;
    }
    
}
@media screen and (min-width: 576px) and (max-width: 991px) {
    .comment-form-author, .comment-form-email{width: 48%;}

}
@media screen and (max-width: 767px) {
    #comments.comments-area{width: 100%;}

}
@media screen and (max-width: 575px) {
    .comment-form-author, .comment-form-email, .comment-form-email input {width: 100%;}
    #commentform #submit{float: none;}
    .comment-form-cookies-consent label{margin-right: 0; font-size: 10px;}
    .comment-respond{margin: 0 auto; padding: 0;}
}
/* user ratings */
.comment-form-rating{
    float: left;
    width: 100%;
    margin-top: 2rem;
}
.comment-form-rating label{
    display: inline-block;
    vertical-align: middle;
    margin-top: .65rem;
}
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
    display: inline-block;
    vertical-align: middle;
}
.comments-rating label {
	display: inline-block;
    text-indent: -9999px;

}
.rating-container {
	font-size: 0;
	unicode-bidi: bidi-override;
	direction: rtl;
}
.rating-container * {
	font-size: 1.4rem;
}
.rating-container > input {
	display: none;
}
.rating-container > input + label {
	display: inline-block;
	overflow: hidden;
	width: 1.5em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}
.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f005";
    font-family: 'Font Awesome 5 Free';
	color: #d2d5d7;
    font-size: 1.75rem;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f005";
    font-family: 'Font Awesome 5 Free';
	color: #ff9d02;
	text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .75em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}
.rating-container:hover > input + label:before {
	content: "\f005";
    font-family: 'Font Awesome 5 Free';
	color: #d2d5d7;
	text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f005";
    font-family: 'Font Awesome 5 Free';
	color: #ff9d02;
	text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}
.comment-txt i{    color: #ff9d02;    padding-right: 0.1rem;}