/*--------------------------------------------------------------
    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; }
	.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_Ext); margin-bottom: 0; width: 100%; }
	.comment-form .comment-notes { margin-bottom: 15px; }

	#comments { clear: both; }
	#comments > h3 { font-size: calc(var(--wdtFontSize_H4) - 4px); margin-bottom: 1.25em; margin-top: 45px; }
	.comments-title { font-size: 1.25rem; 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: 5px; 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: 0; -webkit-border-radius: 0; }

	.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: normal; 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: 0px solid; display: inline-block; font-size: calc(var(--wdtFontSize_Base) - 2px); font-weight: 400; line-height: normal; margin-top: 0; padding: 8px 15px; position: relative; text-transform: capitalize; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_1X);
    color: var(--wdtHeadAltColor);
    background-image: linear-gradient(90deg, var(--wdtTertiaryColor), var(--wdtPrimaryColor), var(--wdtTertiaryColor));
    background-size: 200% 100%;
    color: var(--wdtHeadAltColor);
    box-shadow: none;
    background-position: right top;
	font-size: var(--wdtFontSize_Ext);
	font-weight: var(--wdtFontWeight_Ext);
	}
	.comment-reply-link:hover,.comment-reply-link:focus{
		    background-position: left top;
	}
	.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: 14px; font-size: 0.875rem; 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: 24px; }

	.commententries .comments-area > #comments > h3 { margin-bottom: 20px; }

	#respond h3#reply-title { position: relative; display: inline-block; width: 100%; font-size: calc(var(--wdtFontSize_H4) - 4px); margin-top: 35px; }
	#respond h3#reply-title small { display: block; font-size: var(--wdtFontSize_Base); font-weight: normal;margin-bottom: 5px; }
	#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; color:  rgba(var(--wdtHeadAltColorRgb),0.55);; }
	.wp-block-post-comments-form .comment-reply-title :where(small){margin-left: 0;}

	#respond h3#reply-title small a#cancel-comment-reply-link {position:relative;}
	#respond h3#reply-title small a#cancel-comment-reply-link:before,
    #respond h3#reply-title small a#cancel-comment-reply-link:after { content:""; position:absolute; width:50%; height:1px; background:currentColor; bottom:0; left:0; right:auto; top: auto; margin:auto; transition:var(--wdt-Ad-Transition); -webkit-transition:var(--wdt-Ad-Transition); transition-delay: 0s; transition-property: width; will-change: transform; }
    #respond h3#reply-title small a#cancel-comment-reply-link:after { left:auto; right:0;}
    #respond h3#reply-title small a#cancel-comment-reply-link:hover:before,
    #respond h3#reply-title small a#cancel-comment-reply-link:hover:after { width:0%; }

	.commentlist li.comment #respond { display: block; }
	.commentlist li.comment .comment-body ~ #respond { border-top: 2px solid; border-bottom: 1px solid; display: inline-block; margin-top: -2px; margin-bottom: 0; padding: 10px 0 35px; position: relative; z-index: 1; }
	.commentlist li.comment:last-child .comment-body ~ #respond { border-bottom:0; padding-bottom:0; }
	.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: 16px; font-family: "Bullish 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.logged-in-as a { position:relative; transition:var(--wdtAltTransition);}
	.comment-form > p.logged-in-as a:hover { color:rgba(var(--wdtHeadAltColorRgb),0.55);}
	.comment-form > p.logged-in-as a:before,
    .comment-form > p.logged-in-as a:after { content:""; position:absolute; width:50%; height:1px; background:currentColor; bottom:0; left:0; right:auto; top: auto; margin:auto; transition:var(--wdt-Ad-Transition); -webkit-transition:var(--wdt-Ad-Transition); transition-delay: 0s; }
    .comment-form > p.logged-in-as a:after { left:auto; right:0;}
    .comment-form > p.logged-in-as a:hover:before,
    .comment-form > p.logged-in-as a:hover:after { width:0%; }
	.comment-form > p[class^="comment-form-"] input,
	.comment-form > p.comment-form-comment textarea{background: var(--wdtAccentTxtColor) !important;}

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

	.comment-form .comment-form-cookies-consent label { font-size: var(--wdtFontSize_Base); padding-left: 25px; cursor: pointer; }
	.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin: 0; position: absolute; left: 0; top: 5px; }

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

	.commententries .comment-form p.form-submit > input { background-image: linear-gradient(90deg, var(--wdtTertiaryColor), var(--wdtPrimaryColor), var(--wdtTertiaryColor)); background-size: 200% 100%; background-repeat: no-repeat; grid-area: 1/1; border: 0; color: var(--wdtHeadAltColor); justify-content: center; text-align: center; background-color: transparent; background-position: right bottom; border-radius: var(--wdtRadius_1X); position: relative; padding-right: clamp(3.125rem, 2.916rem + 0.9554vw, 4.0625rem); /*50-65px*/ margin: 0; }

	.commententries .comment-form p.form-submit > input:hover, .wdt-form-submit-btn p > input:focus { background-image: linear-gradient(90deg, var(--wdtTertiaryColor), var(--wdtPrimaryColor), var(--wdtTertiaryColor)); background-size: 200% 100%; color: var(--wdtHeadAltColor); box-shadow: none; background-position: left top; }

	.commententries .comment-form p.form-submit > input:before { content: ""; position: absolute; pointer-events: none; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M97.5,50L44.1,19.1v61.7L97.5,50z M2.5,50v5.3h46.9V50v-5.3H2.5V50z'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M97.5,50L44.1,19.1v61.7L97.5,50z M2.5,50v5.3h46.9V50v-5.3H2.5V50z'/%3E%3C/svg%3E%0A"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background: var(--wdtHeadAltColor); }

	.commententries .comment-form p.form-submit > input:before { -webkit-animation: 0.375s linear 0s 1 normal none running btn-arrow-move-rev; animation: 0.375s linear 0s 1 normal none running btn-arrow-move-rev; }

	.commententries .comment-form p.form-submit{
    	width: fit-content !important;  
		margin-top: 10px;
	}

	.commententries .comment-form p.form-submit i.comment-btn-arrow:before {
    	content:"";
    	height:12px;
    	width:20px;
    	display:inline-block;
    	background-color:var(--wdtHeadAltColor);
    	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.7 18'%3E%3Cpath d='M12.1,18V10.6H0V7.4H12.1V0L27.7,9Z'%3E%3C/path%3E%3C/svg%3E");
    	mask-repeat:no-repeat;
    	mask-position:center;
    	margin:auto;
    	margin-left:5px;
    	position:absolute;
    	right: clamp(1.25rem, 0.9392rem + 1.0402vw, 2.1875rem);/*35-20*/
    	top:0;
    	bottom:0;
	}
	.commententries .comment-form p.form-submit:has(input[type="submit"]:hover) i.comment-btn-arrow:before{
    	animation: btn-arrow-move 0.375s linear;-webkit-animation: btn-arrow-move 0.375s linear;
	}
	@keyframes btn-arrow-move{
    0%{ transform:translateX(0); opacity:1; }
    49%{ transform:translateX(100%); opacity:0; }
    50%{ transform:translateX(-100%); opacity:0; }
    100%{ transform:translateX(0%); opacity:1; }
	}

	.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: 8px;-webkit-transition: .2s;transition: .2s;width: 15px;z-index: 0;pointer-events: none;}

	.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: 20px; left: -5px; top: 3px; transform: rotate(40deg); -webkit-transform: rotate(40deg); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; width: 10px; -webkit-backface-visibility: hidden; background: none; }
	.comment-form > p input[type="checkbox"] { top: 2px; position: relative; opacity: 1; -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.15); transform: translateY(-0.075em); display: inline-grid; place-content: center; background: rgba(var(--wdtBodyBGColorRgb), 0.5); border-radius: 2px; padding: 0 0 !important; margin: 0 10px 0 0 !important; cursor: pointer; }

	.comment-form > p input[type="checkbox"]:before { content: ""; width: 0.6em; height: 0.6em; 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(--wdtLinkHoverColor); }

	.comment-form > p input[type="checkbox"]:checked:before { transform: scale(1); }


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

	.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); width: 100%; }



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

    /* Primary */
	.commentlist li.comment .reply a { color: var(--wdtHeadAltColor);  background-image: linear-gradient(90deg, var(--wdtTertiaryColor), var(--wdtPrimaryColor), var(--wdtTertiaryColor)); background-size: 200% 100%; color: var(--wdtHeadAltColor); box-shadow: none; background-position: right top; }

	ul.commentlist li .reply a:hover { background-position: left top;  }

	.commentlist li.comment .reply a { border-color: transparent; }

	.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:1025px){
		/* Two column form */
		#primary:not(.page-with-sidebar) .commententries .comment-form { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
		#primary:not(.page-with-sidebar) .commententries .comment-form p { margin:0;}
		#primary:not(.page-with-sidebar) .commententries .comment-form p.comment-notes,
		#primary:not(.page-with-sidebar) .commententries .comment-form p.comment-form-cookies-consent,
		#primary:not(.page-with-sidebar) .commententries .comment-form p.form-submit{ grid-column:1/3; }
		#primary:not(.page-with-sidebar) .commententries .comment-form p.comment-form-comment { grid-area:2/2/5/3; }
		#primary:not(.page-with-sidebar) .commententries .comment-form p > textarea { height:calc(100% - 5px);}
		#primary:not(.page-with-sidebar) .commententries .comment-form > p.logged-in-as ~ .comment-form-comment textarea { height:150px;}
		#primary:not(.page-with-sidebar) .commententries .comment-form > p.logged-in-as ~ .comment-form-comment{ margin-bottom: 0px; grid-column: 1/3; }
	}

	@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: 15px; }
	    .comment-body .comment-meta { font-size: 13px; }
	    .comment-author b, ul.commentlist li .author-name > a { font-size: 20px; }

	    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; padding-right: 20%; }
	    .commentlist li.comment #respond { padding-left: 0; }
	    .comment-reply-link { font-size: 13px; 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: normal; }

		.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; }
		.commentlist li.comment .comment-body .comment-meta { padding-right: 0;}

	    li.comment .comment-form p.form-submit input[type="submit"] { margin-top: 0; font-weight: normal; }

        .commententries .nav-previous, .commententries .nav-next { width:100%; text-align:center; }
    }