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

    /* Comment Entries / Comment Lists */
	.commententries { float: left; margin: 0; padding: 0; width: 100%; }
	.commentlist {padding-left: 0;margin-bottom: clamp(1.25rem, 0.8333rem + 1.3889vw, 2.5rem);}
	.commentlist, .commentlist ul.children { display: inline-block; list-style: none; width: 100%; }
	.commentlist ul.children {margin: 0;padding-left: 60px;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: calc(var(--wdtFontSize_Base) - 0px);
		margin-bottom: 4px;
		width: 100%;
		}
	.comment-form .comment-notes { margin-bottom: 15px; }
	#comments { clear: both; }
	#comments > h3 { font-size: var(--wdtFontSize_H4); margin-bottom: 1.25em; }
	.comments-title { font-size: var(--wdtFontSize_H5); margin-bottom: 1.5em; }
	.comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; }
	.comment-list li:before { display: none; }
	.comment-content { max-width: 1150px;}
	.comment-body {border-bottom: 1px solid;display:inline-block;float:none;margin: 35px 0 0;padding-bottom: 35px;padding-left: 80px;position: relative;width: 100%;}
	.comment-body + #respond.comment-respond { margin-top: 30px; }
	.commentlist > li:first-child > .comment-body { margin-top: 0; }
	.comment-body .comment-meta {display: inline-flex;margin-bottom: 15px;position: relative;align-items: baseline;width: 100%;gap: 20px;}
	.comment-body .comment-meta:has(.comment-awaiting-moderation) { flex-direction: column; gap: 10px 0; }	
	.comment-body p:last-child { margin-bottom: 0; }
	.comment-author {display: inline-block;line-height: normal;margin-bottom: 0;position: relative;width: 100%;flex: 1;}
	.comment-author b {font-size: calc(var(--wdtFontSize_H6) - 2px);text-transform: none;}
	.comment-author .avatar {height: 50px;left: -80px;position: absolute;width: 50px;top: 5px;}
	.rounded .comment-author .avatar {border-radius: 50%;-webkit-border-radius: 0;}
	.square .comment-author .avatar { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); }
	.children .comment-author .avatar {height: 45px;left: -65px;width: 45px;}
	.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid; padding: 2px; }
	.comment-author .says { display: none; }
	.comment-author a:not(:focus), .comment-metadata a:not(:focus) { text-decoration: none; }
	.comment-metadata {
		display: inline-block;
		font-size: calc(var(--wdtFontSize_Base) - 2px);
		font-weight: var(--wdtFontWeight_Base);
		letter-spacing: 0;
		line-height: normal;
		padding: 0;
		position: relative;
		text-transform: uppercase;
		flex: 0 0 auto;
		}
	.comment-metadata a.comment-edit-link { margin-left: 1em; }
	.comment-metadata, .comment-metadata a, .comment-metadata a.comment-edit-link { color: inherit; }
	.comment-metadata a:hover, .comment-metadata a.comment-edit-link:hover {opacity: 1;color: rgba(var(--wdtPrimaryColorRgb),0.65);}
	.comment-details .reply { display: table; }
	.commentlist li.comment .reply {display: inline-block;right: 0;top: 0;/* position: absolute; */margin: 0;padding: 0;}
	.page-with-sidebar .commentlist li.comment.depth-5 .reply { margin-top: 15px; position: relative; }
	.comment-reply-link {
		border: 0;
		display: inline-block;
		font-size: calc(var(--wdtFontSize_Base) - 2px);
		font-weight: var(--wdtFontWeight_Base);
		line-height: normal;
		margin-top: 0;
		padding: 0;
		position: relative;
		text-transform: capitalize;
		-webkit-border-radius: var(--wdtRadius_2X);
		border-radius: var(--wdtRadius_Zero);
		}
	.comment-reply-link:not(:focus) { text-decoration: none; }
	.comment-reply-link .icon { left: -2em; height: 1em; position: absolute; top: 0; width: 1em; }
	.commententries ul.commentlist li .reply a.comment-reply-login { background-color: rgba(0, 0, 0, 0); }
	.no-comments, .comment-awaiting-moderation {font-size: calc(var(--wdtFontSize_Base) - 2px);font-style: normal;text-transform: capitalize;}
	.comments-pagination { margin: 2em 0 3em; }
	.form-submit { text-align: left; display: inline-block; width: 100%; }
	li.comment .comment-form p.form-submit { margin-bottom: 15px; }
	.commententries .comments-area:empty { display: none; }
	.commententries .comments-area > h3 { padding-bottom: 0; }
	.commententries .comments-area > h3, .commententries .comments-area > #comments > h3, #reviews h3, 
	#respond h3#reply-title { font-size: var(--wdtFontSize_H5); }
	.commententries .comments-area > #comments > h3 { margin-bottom: 20px; }
	#respond h3#reply-title { position: relative; display: inline-block; width: 100%; font-size: var(--wdtFontSize_H4); margin-top: 0; }
	#respond h3#reply-title small {
		display: block;
		font-size: calc(var(--wdtFontSize_H6) - 0px);
		font-weight: var(--wdtFontWeight_Base);
		}
	#respond h3#reply-title small a {color: inherit;display: table;opacity: 0.75;margin-top: 10px;}
	#respond h3#reply-title small a:hover { opacity: 1; }
	.commentlist li.comment #respond { display: block; }
	.commentlist li.comment .comment-body ~ #respond { 
		border-top: 1px solid; border-bottom: 1px solid; display: inline-block; margin-top: -1px; 
		margin-bottom: 0; padding: 10px 0 35px; position: relative; z-index: 1; }
	.commentlist li.comment .comment-body ~ #respond .comment-form { margin-bottom: 0; }
	.commentlist li.comment .comment-body ~ #respond h3#reply-title { margin-top: 0; }
	.pingback .comment-body, .trackback .comment-body { padding-left: 0; }
	.pingback .comment-body { margin-left: 0; padding-left: 0; }
	.commentlist li.comment, .commentlist li.pingback { padding-bottom: 0; }
	.commentlist li.pingback .comment-body .comment-content > p { margin-bottom: 0; }
	.commententries nav.navigation { float: left; margin-bottom: 40px; width: 100%; }
	.commententries .nocomments { border-top-width: 0; padding: 0; }
	.commententries nav.navigation > div .nav-previous { float: left; }
	.commententries nav.navigation > div .nav-next { float: right; }
	.commententries .nav-links > div a { 
		border-bottom: 1px solid; padding-bottom: 5px; font-size: var(--wdtFontSize_Base); }
	.commententries .nav-previous > a:before, .commententries .nav-next > a:after { 
		font-size: var(--wdtFontSize_Base); font-family: "Vogify Icons"; transition: none; -webkit-transition: none; 
		-ms-transition: none; -moz-transition: none; }
	.commententries .nav-previous > a:before { content: "\f104"; margin-right: 10px; }
	.commententries .nav-next > a:after { content: "\f105"; margin-left: 10px; }
	.commentlist li.pingback .comment-author b,
	.commentlist li.trackback .comment-author b { font-size: calc(var(--wdtFontSize_H6) - 2px); }
	#primary > .commententries:last-child > .comments-area > .comment-respond > .comment-form:last-child,
	#primary > .blog-single-entry > .commententries:last-child > .comments-area > .comment-respond > .comment-form:last-child { 
		margin-bottom: 0; }
	.page-template-default.page:not(.woocommerce) #primary .commententries .comments-area { margin-top: 30px; }
	.page-template-default section > .commententries .comment-form p.comment-form-wdt-privatepolicy #comment-form-wdt-privatepolicy { 
		margin-right: 12px; }
	.post-default .commententries { margin-top:20px; }

	.page figure.wp-caption ~ p:last-child img.alignright,
	.page figure.wp-caption ~ p:nth-last-child(2) img.alignright,
	.single-post .entry-body figure.wp-caption ~ p:last-child img.alignright.size-thumbnail,
	.single-post .entry-body figure.wp-caption ~ p:nth-last-child(2) img.alignright.size-thumbnail,
	.logged-in .single-post .entry-body figure.wp-caption ~ p:last-child img.alignright.size-thumbnail,
	.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: 0px; width: 100%; }
	.comment-form > p { margin-bottom: 15px; width: 100%; float: left; text-align: left; position: relative; }

	.comment-form > p [type="checkbox"],
	.comment-form > p [type="radio"] { opacity: 0; }
	.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: calc(var(--wdtFontSize_Base) - 0px); padding-left: 30px; }
	.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { 
		margin: 0; position: absolute; left: 0; top: 12px; }
	.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; }
	.comment-form > p input[type="checkbox"] ~ label:before,
	.comment-form > p input[type="radio"] ~ label:before { 
		border-style: solid; border-width: 1px; content: ""; height: 15px; left: 0; margin-top: 0; 
		position: absolute; top: 4px; -webkit-transition: .2s; transition: .2s; width: 15px; z-index: 0; }
	.comment-form > p input[type="checkbox"]:checked ~ label:before, .comment-form > p input[type="radio"]:checked ~ label:before { 
		backface-visibility: hidden; border-bottom: 2px solid var(--wdtPrimaryColor); border-left: 1px solid transparent; border-right: 2px solid var(--wdtPrimaryColor); border-top: 1px solid transparent; height: 15px; left: 0px; 
		top: 3px; transform: rotate(40deg); -webkit-transform: rotate(40deg); transform-origin: 100% 100%; 
		-webkit-transform-origin: 100% 100%; width: 8px; -webkit-backface-visibility: hidden; background: none; }

	#primary .comment-form > p.form-submit > input[type="submit"] { border:1px solid transparent; padding-top:20px; text-transform: uppercase; } 
	#primary .comment-form > p.form-submit > input[type="submit"]:hover { background: transparent; color: var(--wdtPrimaryColor); border-color: var(--wdtPrimaryColor); } 

	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: rgba(var(--wdtPrimaryColorRgb),0.65);}
	.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); }
	#primary .comment-form > p.logged-in-as a:hover { color: rgba(var(--wdtHeadAltColorRgb), 0.65); }

	/* validation */
	.comment-form > p > div.error {
		color: rgb(208 19 19); font-size: calc(var(--wdtFontSize_Base) - 4px);
		position: absolute; bottom: 2px; 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; }

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

    /* Primary */
	.commentlist li.comment .reply a {color: var(--wdtPrimaryColor);font-size: clamp(1.125rem, 1.0833rem + 0.1389vw, 1.25rem); /* Min-18 & Max-20 */font-family: var(--wdtFontTypo_Alt);margin-top: 20px;}
	ul.commentlist li .reply a:hover {background-color: transparent;}
	.commentlist li.comment .reply a { border-color: var(--wdtPrimaryColor); }
	.comment-author b {color: var(--wdtHeadAltColor);font-family:var(--wdtFontTypo_Alt);font-size: var(--wdtFontSize_H5); /* Min-20 & Max-28 */ font-weight: var(--wdtFontWeight_H5); }
	.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); }

	/* Secondary */
	.commententries ul.commentlist li .reply a.comment-reply-login:hover { color: var(--wdtSecondaryColor); }

	.blog-single-entry.post-minimal .commententries { margin-bottom: 120px; }

/* Form with banner */
 @media only screen and (min-width: 768px) {
	.blog-single-entry.post-minimal .commententries:has( > #wdt-banner) { display: grid; grid-template-columns: 70% 30%; } 
	.blog-single-entry.post-minimal .commententries #comments:has( ~ #wdt-banner) { 
		width: 100%; padding-right: clamp(1.25rem, -3.0263rem + 8.7719vw, 7.5rem); /*20-120px*/ }
	.blog-single-entry.post-minimal .commententries .banner-area .banner-img { position:sticky; top: 20px; }
}

@media only screen and (min-width: 1025px) {
	#primary div#respond { width: 100%; height: fit-content; margin: 20px 0; }
	#primary .comments-area > div#respond { margin: 0;}
	#primary .comment-form { display: grid; margin-bottom: 0; width: 100%; grid-template-columns: repeat(2,1fr); gap: 20px; align-self: flex-start;}
	#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-top: 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 { margin-bottom: 0; grid-column: 1/3; }
	body.logged-in #primary .comment-form > p.comment-form-comment textarea { min-height:280px; }
	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; }

	#primary .woocommerce-tabs .comment-form { display:block;}
}

/*--------------------------------------------------------------
    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: 180px;}
	    .comment-author .avatar {left: -180px;}
	    .children .comment-author .avatar {left: -60px; }
		.blog-single-entry.post-minimal .commententries { margin-bottom: 100px; }
	}

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

	/* 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%; }
		.children .comment-author .avatar {left: -60px; }
		.blog-single-entry.post-minimal .commententries { margin-bottom: 80px; }
	}

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

	/* 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: 95px; }
		.children .comment-author .avatar { left: -60px; }
		.blog-single-entry.post-minimal .commententries { margin-bottom: 70px; }
	}

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

	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {
		.entry-body .gallery .gallery-item { max-width: 100% !important; }

		/* 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 {}
	    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; }
	    .children .comment-author .avatar { left:-50px }
	    .commentlist li.comment .comment-body .comment-meta {margin-bottom: 10px;flex-direction: column;gap: 10px;}
	    .commentlist li.comment #respond { padding-left: 0; }
	    .comment-reply-link {font-size: var(--wdtFontSize_Ext);padding: 0;}
		.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; }
	    .commententries #respond, .commentlist li.comment #respond, .commentlist .children li.comment #respond { padding-left: 0; }
		.commententries #respond { padding-bottom: 30px; }
		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%; }
		.blog-single-entry.post-minimal .commententries { margin-bottom: 60px; }
	}

	/*----*****---- << 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: 0;}
	    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; }
		.blog-single-entry.post-minimal .commententries { margin-bottom: 50px; }
    }