/*--------------------------------------------------------------
    Comments
--------------------------------------------------------------*/

    /* Comment Entries / Comment Lists */
	.commententries { float: left; margin: 0; padding: 0; width: 100%; }
	.commentlist { padding-left: 0; }
	.commentlist, .commentlist ul.children { display: inline-block; list-style: none; width: 100%; }
	.commentlist ul.children { margin: 0; padding-left: 80px; padding-top: 0; }
	.commentlist ul.children li > .children { padding-top: 0; padding-left: 60px; }
	.commentlist li.comment, .commentlist li.pingback, .commentlist li.trackback { padding-bottom: 0; }
	.commentlist li.comment .comment-respond p #email-notes, .comment-form > p #email-notes, .comment-form .comment-notes { 
		display: inline-block; font-size:var(--wdtFontSize_Base); margin-bottom: 0; line-height:var(--wdtLineHeight_Base); }
	.comment-form .comment-notes { margin-bottom: 15px; }
	#comments { clear: both; }
	#comments > h3 { font-size: var(--wdtFontSize_H4); margin-bottom: 1.25em; }
	.logged-in .single-post .entry-body figure.wp-caption ~ p:nth-last-child(2) img.alignright.size-thumbnail { clear: both; }

	.comment-form { display: inline-block; margin-bottom: 20px; width: 100%; }
	.comment-form > p { margin-bottom: 15px; width: 100%; float: left; text-align: left; position: relative; }
     .commententries .comment-respond{line-height:0; margin-top:clamp(1.5625rem, 0.9355rem + 2.8662vw, 4.375rem); /*70-25*/ background-color: rgba(var(--wdtQuaternaryColorRgb), .5); padding: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem); /*60-30*/ }
	 .commententries [type="checkbox"] {
        -webkit-appearance: none; appearance: none; min-width: 20px; min-height: 20px; border-color: transparent; display: grid; 
		background: var(--wdtAccentTxtColor); place-content: center;
     }
	.commententries form .comment-form-cookies-consent label {
    padding-left: 10px;
}

	.comment-form p label { display: inline-block; }
	.comment-form p:not(.comment-form-cookies-consent) label { font-weight: var(--wdtFontWeight_Ext); }
	.comment-form .comment-form-cookies-consent label { 
		font-size: var(--wdtFontSize_Base); padding-left: 25px; font-weight: var(--wdtFontWeight_Ext); line-height:var(--wdtLineHeight_Base);  }
	.comment-form .comment-form-cookies-consent{display:flex; align-items:baseline; margin-top:13px; margin-bottom: 0;}
	.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { 
		margin: 0; position: absolute; left: 0; top:5px; }
	.commententries .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{position: relative; top:0;}

	
	.comment-form > p:last-child,.wpcf7-form .contact-form:last-child,
	.commentlist li.comment .comment-respond p:last-child { margin-bottom: 0; }
    .comment-form > p.comment-form-comment.textarea-field span.fa { float: left; height: 200px; }


	label span.required, .comment-form > .comment-notes span.required { color: #ff0000; }
	.no-comments, .comment-awaiting-moderation { color: var(--wdtBodyTxtColor); }
	.comment-reply-link:hover, 	.commentlist li.comment .reply a:hover { color: var(--wdtAccentTxtColor); }
	.comment-body, .commentlist li.comment .comment-body ~ #respond, .commententries nav.navigation, ul.commentlist li.bypostauthor .author-name, .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { 
		border-color: rgba(var(--wdtHeadAltColorRgb),0.15); }
	.commentlist li.comment .comment-body ~ #respond { border-top-color: var(--wdtBodyBGColor); }

	/* validation */
	.comment-form p > div.error {
		color: rgb(208 19 19); font-size: calc(var(--wdtFontSize_Base) - 4px);
		position: absolute; bottom: 5px; right: 10px; opacity: 1;
		transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; }
	.comment-form p > *:focus ~  div.error { opacity: 0; }
    .commententries .comment-form p.form-submit > input{background-color:var(--wdtSecondaryColor); padding:clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem) clamp(1.125rem, 1.0971rem + 0.1274vw, 1.25rem) clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem) clamp(2.8125rem, 2.6035rem + 0.9554vw, 3.75rem); transition:var(--wdt-Ad-Transition); margin:0;}
	.commententries .comment-form p.form-submit > input:hover{background-color:var(--wdtPrimaryColor);}
	#primary .comment-form > p.logged-in-as,#primary .comment-form > p.logged-in-as a,#primary .comment-form > p.logged-in-as a span{line-height:var(--wdtLineHeight_Base); margin-bottom:12px;}
	body.logged-in #primary .comment-form > p.form-submit{margin-top:15px; }
	#primary .comment-form > p.form-submit{margin-top:15px; display:flex; align-items:center;}
	#primary .comment-form > p.form-submit:before{
		font-family: "benher-addon"; content: '\e800'; color: inherit; font-style: normal; font-weight: normal; width: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/;  height: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; background-color:var(--wdtAccentTxtColor); color:var(--wdtHeadAltColor);
		display:inline-flex; justify-content:center; align-items:center; border-radius:var(--wdtRadius_Full); position:absolute; left:12px; z-index:1; font-size:.8em; pointer-events:none;
	}
	#primary .comment-form > p.logged-in-as a{ background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);  background-position: left bottom;
        background-size: 100% 1px; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out; line-height: var(--wdtLineHeight_Base);
        background-color: transparent;}
	#primary .comment-form > p.logged-in-as a:hover{background-size: 0 1px; background-position: right bottom;}
	.woocommerce #review_form #respond .form-submit input{padding:clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem) clamp(1.125rem, 1.0971rem + 0.1274vw, 1.25rem) clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem) clamp(2.8125rem, 2.6035rem + 0.9554vw, 3.75rem)}
    
	/*--------------------------------------------------------------
    Blog Comment Form
    --------------------------------------------------------------*/

	@media (min-width: 1025px) {
		#primary div#respond { width: 100%; }
		#primary .comment-form {display: grid;margin-bottom: 0;width: 100%;grid-template-columns: repeat(2,1fr);gap: 20px;}
		#primary .comment-form > p { margin-bottom: 0; width: 100%; float: left; text-align: left; position: relative; }

		#primary .comment-form > p.form-submit > input[type="submit"] { margin: 0;}  
		#primary .comment-form > p.comment-notes { grid-column: 1/3; margin-bottom: 10px; }
		#primary .comment-form > p.comment-form-cookies-consent { margin-bottom: 10px; }  
		#primary .comment-form > p.comment-form-comment { grid-column: 2/3; grid-row: 2/5; }
		#primary .comment-form > p.comment-form-cookies-consent { grid-column: 1/3; }
		#primary .comment-form > p.form-submit { grid-column: 1/3; }
		#primary .comment-form > p.comment-form-comment > textarea { resize: none; }
		#primary .comment-form > p.logged-in-as ~ .comment-form-comment { grid-column: 1/3; }
		#primary .comment-form > p.comment-form-comment textarea { min-height: 100%; }
		
		#primary .comment-form > p.logged-in-as {  grid-column: 1/3; }

		body.logged-in #primary .comment-form > p.comment-form-comment { grid-row: 2 / 3; }
		body.logged-in #primary .comment-form > p.form-submit { grid-row: 3 / 4; }
	} 

/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    /* Primary */
	.commentlist li.comment .reply a { color: var(--wdtBodyTxtColor);    background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
    background-position: left bottom; background-size: 100% 1px; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
    line-height: var(--wdtLineHeight_Base); background-color: transparent;  }
	.commentlist li.comment .reply a:hover{background-size: 0 1px; background-position: right bottom;}
	ul.commentlist li .reply a:hover { background-color: var(--wdtPrimaryColor); }
	.commentlist li.comment .reply a { border-color: var(--wdtPrimaryColor); }
	.comment-author b { color: var(--wdtHeadAltColor); font-size: clamp(1.3125rem, 1.2707rem + 0.1911vw, 1.5rem); /* Min-21 & Max-24 */  font-weight:var(--wdtFontWeight_Ext);}
	.comment-reply-link .icon, .commententries .nav-links > div a:hover, body .blog-single-entry ul li .comment-body .comment-author a:hover, body .blog-single-entry ul li .comment-body .comment-content a:hover { color: var(--wdtPrimaryColor); }
    .comment-author .says {display: none;}
	.commentlist .comment-metadata time{font-size:var(--wdtFontSize_Ext); font-weight:var(--wdtFontWeight_Ext); letter-spacing: var(--wdtLetterSpacing_1X); text-transform:uppercase;}
	/* Secondary */
	.commententries ul.commentlist li .reply a.comment-reply-login:hover { color: var(--wdtSecondaryColor); }
     .commentlist{margin-bottom:0;}
	.commententries .comment-body .reply {
       text-align: end; margin-top: 0px; position: absolute; top: 0; right: 0;
     }
	.blog-single-entry .comment-metadata{display: inline-block; font-size: var(--wdtFontSize_Base); font-weight: normal; letter-spacing: 0; line-height: normal; padding: 0;}
	.commententries .comment-meta {
    display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; justify-content: flex-start; flex-direction: column-reverse;
     }
	.blog-single-entry .comment-body { display: inline-block; float: none; margin:0; padding-bottom: 0px; padding-left: 135px; padding-right: 50px; position: relative; width: 100%;}
	.commententries .comment-body { display: inline-block; float: none; margin:0; padding-bottom: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem); padding-left: 135px; padding-right: 50px; position: relative; width: 100%;}  
	  .blog-single-entry .comment-body .reply{ text-align: end; margin-top: 0px; position: absolute; top: 0; right: 0; }
    .blog-single-entry .comment-author .avatar { height: 100px; left:0px; position: absolute; width: 100px; top: 0;}
	.blog-single-entry .comment-meta{ display: flex; align-items:flex-start; gap: 10px; flex-wrap: wrap; justify-content: flex-start; flex-direction: column-reverse; }
	.blog-single-entry ul.commentlist li .reply a:hover{background-color:transparent;}
	.blog-single-entry  .comment-reply-link:hover,.blog-single-entry  .commentlist li.comment .reply a:hover{color:var(--wdtPrimaryColor);}
	.commententries .comment-metadata {
      display: inline-block; font-size: var(--wdtFontSize_Base); font-weight: normal; letter-spacing: 0; line-height: normal; padding: 0; }
	.commententries .comment-author .avatar {
       height: 100px; left: 0px; position: absolute; width: 100px; top: 0;
     }
	.commententries .comments-area .comment-body .reply a:hover{background-color:transparent; color:var(--wdtPrimaryColor);}
	.commententries #comments > h3{    margin-bottom: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);
    margin-top: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);font-size: clamp(1.4375rem, 1.34rem + 0.4459vw, 1.875rem);
    font-weight: var(--wdtFontWeight_H2);}
	.commententries .commentlist li.comment .reply a{color:var(--wdtSecondaryColor);}
	.commententries .commentlist li.comment:last-child:not(.parent) .comment-body { padding-bottom: 0; }
	.commententries .commentlist > li.comment.parent:not(:last-child) { padding-bottom: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem); }
	

/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

	@media only screen and (min-width:1541px) and (max-width:1724px) {
	    .children .comment-author .avatar { left: -60px; }
	}

	/*----*****---- << Laptop/Notebook >> ----*****----*/

	@media only screen and (min-width:1281px) and (max-width:1540px) {
	    .comment-body {padding-left: 85px; }
	    .comment-author .avatar {left: -85px; }
	    ul.children li .comment-body {padding-left: 60px; }
	    .children .comment-author .avatar {left: -60px; }
	}

	/*----*****---- << Tablet (Landscape) >> ----*****----*/

	@media(max-width:1280px){
		/* .blog-single-entry .comment-meta{display:block;} */
		.blog-single-entry .comment-body .reply{text-align:start; margin-bottom:0; margin-top:0;}
		.blog-single-entry .comment-author .avatar{height:80px; width:80px;} 
		.blog-single-entry .comment-body{ padding-left: 100px;}
	}

	/* Note: Design for a width of 960px */
    @media only screen and (min-width:1025px) and (max-width:1280px) {
		.comment-body {padding-left: 75px; }
		.comment-author .avatar {height: 60px; left: -75px; width: 60px; }
		.commentlist ul.children li > .children { padding-left: 6%; }
		ul.children li .comment-body {padding-left: 60px; }
		.children .comment-author .avatar {left: -60px; }
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/

	@media(max-width:1024px){
		.blog-single-entry .comment-body { padding-left: 80px;}
		#primary .comment-form > p.form-submit{margin-top:clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem);}
	}

	/* Note: Design for a width of 768px */
    @media only screen and (min-width:768px) and (max-width:1024px) {
		.comment-body { padding-left: 80px; }
		.comment-author .avatar { height: 60px; left: -80px; width: 60px; }
		.comment-metadata { position: relative; top: 0; }
		ul.commentlist li .comment-author img { max-height: 60px; max-width: 60px; }
		.commentlist li.comment #respond { padding-left: 80px; }
		.commentlist ul.children li > .children { padding-left: 6%; }
		.commentlist .children li.comment #respond { padding-left: 60px; }
		ul.children li .comment-body { padding-left: 60px; }
		.children .comment-author .avatar { left: -60px; }
	}

	/*----*****---- << Mobile (Landscape) >> ----*****----*/
	@media only screen and (max-width:1024px){
       	
		#primary .comment-form > p.logged-in-as{margin-bottom:35px;}
		#primary .comment-form{margin-bottom:0;}
	}

	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {
		.entry-body .gallery .gallery-item { max-width: 100% !important; }
		.blog-single-entry .comment-body{ padding-left:60px; padding-right: 0; }
		.blog-single-entry .comment-author{margin-bottom:0;}
		.blog-single-entry .comment-body .reply { position: relative; top: auto; right: auto; margin-top: 10px; }
         .commententries .comment-body{padding-left:80px;}

		/* Comment */
	    ul.commentlist { font-size: var(--wdtFontSize_Base); }
	    .comment-body .comment-meta { font-size: var(--wdtFontSize_Ext); }
	    .comment-author b, ul.commentlist li .author-name > a { font-size: var(--wdtFontSize_H6); }
	    ul.commentlist li.comment .comment-author img { max-width: 40px; max-height: 40px; }
	    .comment-body { padding-left: 60px; }
	    .comment-author .avatar { height: 40px; left: -60px; width: 40px; }
	    ul.children li .comment-body { padding-left: 50px; }
	    .children .comment-author .avatar { left:-50px }
	    .commentlist li.comment .comment-body .comment-meta { margin-bottom: 0px; gap: 8px; }
	    .commentlist li.comment #respond { padding-left: 0; }
	    .comment-reply-link { font-size: var(--wdtFontSize_Ext); padding: 6px 12px; }
		.commentlist ul.children { padding-left:15px; }
	    .commentlist ul.children li > .children { padding-left: 6%; }
	    ul.commentlist li.comment ul.children .comment-author img { max-width: 30px; max-height: 30px; }
	    ul.commentlist li .comment-details { margin:0 0 10px; }
	    ul.commentlist, ul.commentlist li .comment-details { width: 100%; }
	    ul.commentlist li.depth-1, ul.commentlist li.depth-2, ul.commentlist li.depth-3, ul.commentlist li.depth-4, 
		ul.commentlist li.depth-5 { margin-bottom:0; }
		.page-with-sidebar .commentlist li.comment.depth-5 .reply { margin-top: 15px; position: relative; }
	    
		li.comment .comment-form p.form-submit input[type="submit"] { 
			margin-top: 0; font-weight: var(--wdtFontWeight_Base); }
		.post-password-form label input { width:100%; }
		.commententries .comments-area .comment-body .reply{ position: relative; top: auto; right: auto; margin-top: 10px;  padding:0; text-align:left;}
		.commententries .comments-area .comment-body .reply a{padding:0;}
	}

	/*----*****---- << Mobile - Portrait >> ----*****----*/

    /* Common Styles for the devices below 479px width */
	@media only screen and (max-width: 479px) {
		.comment-body { padding-left: 0; }
	    .comment-author .avatar { 
			height: 50px; left: 0; width: 50px; top: 0; position: relative; display: block; margin-bottom: 20px; }
        .children .comment-author .avatar { left:0; top:0; }
	    .commentlist li.comment #respond { padding-left: 0; }
	    .commentlist { padding-left: 0; }
	    .commentlist li.comment .reply { position: relative; margin-top: 20px; }
	    ul.children li .comment-body { padding-left: 0; }
	    ul.commentlist li.comment .comment-author img { max-width: 50px; max-height: 50px; }
	    li.comment .comment-form p.form-submit input[type="submit"] { margin-top: 0; font-weight: var(--wdtFontWeight_Base); }
        .commententries .nav-previous, .commententries .nav-next { width:100%; text-align:center; }
	}