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

    /* Comment Entries / Comment Lists */

	.commententries { float:none; margin:auto; 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; }

	.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) - 3px); margin-bottom: 0; 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-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; }

	ul.children li .comment-body { padding-left: 60px; }

	.comment-body .comment-meta { display: inline-block; margin-bottom: 15px; position: relative; width: 100%; }

	.comment-body p:last-child { margin-bottom: 0; }

	.comment-author { display: inline-block; line-height: normal; margin-bottom: 0; position: relative; width: 100%; }

	.comment-author b { font-size: calc(var(--wdtFontSize_H6) - 2px); text-transform: none; }

	.comment-author .avatar { height: 60px; left: -80px; position: absolute; width: 60px; top: 0; }

	.rounded .comment-author .avatar { border-radius: 50%; -webkit-border-radius: 50%; }

	.square .comment-author .avatar { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); }

	.children .comment-author .avatar { height: 40px; left: -60px; width: 40px; top: 0; }

	.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) - 3px); font-weight: var(--wdtFontWeight_Base); 
		letter-spacing: 0; line-height: normal; padding: 0; position: relative; }

	.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; }

	.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: 2px solid; display: inline-block; font-size: calc(var(--wdtFontSize_Base) - 2px); 
		font-weight: var(--wdtFontWeight_Base); line-height: normal; margin-top: 0; padding: 8px 15px; position: relative; 
		text-transform: capitalize;  }

	.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: var(--wdtFontSize_Ext); font-style: italic; }

	.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); }

	#respond h3#reply-title small { 
		display: block; font-size: calc(var(--wdtFontSize_Base) - 3px); font-weight: var(--wdtFontWeight_Base); }

	#respond h3#reply-title small a { color: inherit; display: table; opacity:1; margin-top: 10px; font-size: var(--wdtFontSize_Base); color: var(--wdtPrimaryColor); transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;; margin:auto; line-height:var(--wdtLineHeight_Base); padding-top:20px; }

	#respond h3#reply-title small a:hover { opacity: 1; color: rgb(var(--wdtPrimaryColorRgb), .8); }

	.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: 0 0 35px; position: relative; z-index: 1; }

	.commentlist li.comment:last-child .comment-body ~ #respond { border-bottom: none; }

	.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: "Hms 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: 20px; 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) - 2px); padding-left: 30px; }

	.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { 
		position: absolute; top: 4px; left: 0; margin: 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; }


	/* Checkbox Style */

	.comment-form > p.comment-form-cookies-consent { 
		display: inline-flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; }
	 .comment-form > p input[type="radio"] { 
		opacity: 1; cursor: pointer; -webkit-appearance: none; appearance: none; width: 1em; height: 1em; 
		padding: 8px; background-color: var(--wdtAccentTxtColor); border: 1px solid var(--wdtBorderColor) !important; 
		transform: translateY(-0.075em); display: grid; place-content: center; 
		-webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

	.comment-form > p input[type="radio"]:before {
		content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); 
		transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; 
		box-shadow: inset 1em 1em var(--wdtPrimaryColor); }


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

    /* Primary */

	.commentlist li.comment .reply a { color: var(--wdtPrimaryColor); }

	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); }

	.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); }


/*--------------------------------------------------------------
    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) >> ----*****----*/

	/* 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) >> ----*****----*/

	/* 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) >> ----*****----*/

	/* 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 { 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: 10px; }
	    .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; }
	    .commententries #respond, .commentlist li.comment #respond, .commentlist .children li.comment #respond { 
			padding-left: 0; }
		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%; }
	}

	/*----*****---- << 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; }
    }


	/* Blog-commentform-styels */

	#primary #respond h3#reply-title{ font-size: clamp(1.75rem, 1.4713rem + 1.2739vw, 3rem); /* Min-28 & Max-48 */  text-align:center; margin-bottom:clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); margin-top:0;}
	#primary .comment-form > p #email-notes,#primary .comment-form > p .required-field-message{ display:inline; font-size:var(--wdtFontSize_Base); }
	#primary .comment-form .comment-notes{text-align:center; margin-bottom:clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem);}
	#primary .comment-author-wrapper{ display:flex; gap:20px; width:100%; }
	#primary .comment-author-wrapper p,#primary .comment-form-url,#primary .comment-form-comment{ font-weight:var(--wdtFontWeight_Ext); color:var(--wdtPrimaryColor); margin-bottom:0; position: relative; flex-grow:1;}
	#primary .comment-author-wrapper p input,#primary .comment-form-url input,#primary .comment-form-comment textarea { margin-top:15px;}
	#primary .comment-form-url input{margin-top:15px;}
	#primary .comment-form-comment textarea{margin-top:15px;}
	#primary .comment-form > p{margin-bottom:5px;}
	#primary .comment-form .comment-form-cookies-consent label{ font-size:var(--wdtFontSize_Base); color: var(--wdtBodyTxtColor); font-weight: var(--wdtFontWeight_Base);}
    #primary .comment-form > p input[type="checkbox"]{border-color:var(--wdtPrimaryColor); font-weight:var(--swdtFontWeight_Base);}
	#primary #comments > h3{ font-size: clamp(1.75rem, 1.4713rem + 1.2739vw, 3rem); /* Min-28 & Max-48 */ }
	#primary .commententries.rounded .comment-avatar img{ object-fit:cover; border-radius:var(--wdtRadius_Full);}
	#primary .comment-respond{max-width:700px; margin:auto; margin-top:clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem); }
	#primary .comment-body{padding-left:0;}
	#primary .comment-inner{display:flex; gap:20px; align-items:baseline;}
	#primary .comment-top{display:flex; justify-content:space-between; margin-bottom:clamp(0.625rem, 0.4857rem + 0.6369vw, 1.25rem);}
	#primary .comment-content-wrap{width:100%;}
	#primary .commententries .comment-author {font-size:var(--wdtFontSize_Base); font-weight:var(--wdtFontWeight_Ext); color:var(--wdtPrimaryColor);}
	#primary .commententries .comment-author{width:fit-content;}
	#primary .commententries .comment-reply:has(.comment-reply-link){ margin-top:clamp(0.625rem, 0.3463rem + 1.2739vw, 1.875rem); }
	#primary .commententries .comment-body{margin:0; padding:clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem) 0 30px 0;}
	#primary .commententries #comments > h3{margin-bottom:5px;}
	#primary .commententries .comment-reply .comment-reply-link{border:none; border-radius:var(--wdtRadius_Zero); padding:0;
	     display: inline; text-decoration: none; box-shadow: none;
         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; background-color: transparent; font-size:var(--wdtFontSize_Base);
    }
	#primary .commententries .comment-reply .comment-reply-link:hover{
		background-color: transparent; background-size: 0 1px; background-position: right bottom; color: rgb(var(--wdtPrimaryColorRgb), .8);
        background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-repeat: no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
	}
	#primary .commententries .commentlist{margin-bottom:0;}
	/* #primary .commententries input[type="button"]:hover{background-color:rgb(var(--wdtPrimaryColorRgb),.5);} */
   #primary .comment-form .form-submit{ margin-top: clamp(2.1875rem, 2.0482rem + 0.6369vw, 2.8125rem); width:fit-content; border-radius: var(--wdtRadius_Part); }
    #primary .comment-form .form-submit:before{
		content: ''; height: 100%; width: 56px; position: absolute; left: 0; top: 0;
       background-color: var(--wdtPrimaryColor); z-index: 0; color: inherit; border-radius: inherit; transition: var(--wdt-Ad-Transition);
	}
	 #primary .comment-form .form-submit:hover:before{ width:100%; }

	 #primary .comment-form .form-submit .comment_submit_arrow{ height: 56px; width: 56px; border-radius: var(--wdtRadius_Part); position: absolute; display: inline-flex;
    pointer-events: none; top: 0; left: 0; }
	 #primary .comment-form .form-submit .comment_submit_arrow:before{ 

		content: '';
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8.1,53.9H4.1v-7.9h3.9V50V53.9z M91.9,46.1c2.2,0,3.9,1.8,3.9,3.9c0,2.2-1.8,3.9-3.9,3.9V50V46.1z M8.1,50v-3.9h83.8V50 v3.9H8.1V50z M49,98.5l-5.6-5.6L86.4,50L43.4,7.1L49,1.5l45.7,45.7c0.7,0.7,1.2,1.7,1.2,2.8s-0.4,2-1.2,2.8L49,98.5z'/%3E%3C/svg%3E%0A");
        height: 18px; width: 18px; background-color: var(--wdtAccentTxtColor); mask-position: center; mask-repeat: no-repeat; position: absolute;
        top: 0; left: 0; right: 0; bottom: 0; margin: auto;
        transform: translateX(0px); transition: var(--wdt-Ad-Transition);
	 }

	  #primary .comment-form .form-submit input[type="submit"]{

	   padding: 0; background-color: transparent !important; color: var(--wdtPrimaryColor); text-transform: capitalize; transition: var(--wdt-Ad-Transition); padding-left: 66px; padding-right: 24px;
        height: 56px; transition: var(--wdt-Ad-Transition); z-index: 3; position:relative; font-weight: var(--wdtFontWeight_Ext);
	  
	}


	  #primary .comment-form .form-submit:hover input{ color: var(--wdtAccentTxtColor); }

	  #primary .comment-form .form-submit:hover .comment_submit_arrow:before{ transform: translateX(5px); }



    #primary .comment-form .form-submit input[type="submit"]:hover{ background-color:rgba(var(--wdtPrimaryColorRgb),.9)}
    #primary .comment-form p > div.error{ bottom: 5px; right: 10px; }

	body.logged-in #primary .comment-form .logged-in-as a{ color:var(--wdtPrimaryColor);}
	body.logged-in #primary .comment-form .logged-in-as{ margin-bottom: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem); }
	body.logged-in #primary .comment-form-comment textarea{ margin-bottom:0; }


	
	@media(max-width:767px){
	#primary .hms-comment-author-wrapper{display:block;}}
	@media(max-width:479px){
    .blog-single-entry .entry-post-navigation > .post-prev-link{padding-bottom:30px;}
	.blog-single-entry .entry-post-navigation > .post-next-link{padding-top:30px;}
	}